This library was generated with Angular CLI version 7.2.0.
forked from LucHariman/ng-tagcanvas
I write about it here https://rickithadi.com/blog/5c60b0c4a1c3ee0014d8b5fd
npm install cloudee Then add CloudyModule to your app's module Demo available here https://cloudee-demo.stackblitz.io/ With code https://stackblitz.com/edit/cloudee-demo
Usage example
...
module.ts
import { CloudyModule } from 'cloudee';
...
@NgModule({
...
imports: [
...
CloudyModule
]
...
component.html
...
<lib-cloudy [tags]="myTags" [options]="{ dragControl: true,
weight: true }"
(tagClick)="showTagDetails($event)"></lib-cloudy>
...
component.ts
...
import <Tag> from 'cloudee'
...
tags: Tag[] = [
{ weight: 16, text: 'insurance',image: '../favicon.ico' },
{ weight: 24, text: 'lay' ,image: '../favicon.ico' },
{ weight: 18, text: 'tense' },
{ weight: 16, text: 'cabin' ,image: '../favicon.ico' },
{ weight: 32, text: 'bomb' ,image: '../favicon.ico' },
{ weight: 30, text: 'broadcast' ,image: '../favicon.ico' },
{ weight: 18, text: 'portion' ,image: '../favicon.ico' },
];
options: TagCanvasOptions = {
dragControl: true,
imageMode:'text',
clickToFront: 500,
initial: [ .1, 0 ],
weight: true
};