text-shuffle
TypeScript icon, indicating that this package has built-in type declarations

2.0.0 • Public • Published

TextShuffle Angular Library.

A library that randomly mixes input strings and outputs them from the front digit.

You can check out the demo here.

Excute



Installation

npm install --save text-shuffle 



Usage

Import into your @NgModule.

import { NgModule } from '@angular/core'
import { FormsModule } from '@angular/forms'
import { TextShuffleModule } from 'text-shuffle'

@NgModule({

  imports: [

    FormsModule,
    TextShuffleModule
  ],
  declarations: []
})
export class MyModule {}



Then, using your component.

@Component( {

  selector: 'app',
  template: '<text-shuffle [text]="text" [option.auto]="option.auto" [option.color]="option.color" [option.duration]="option.duration" [option.multiply]="option.multiply"></text-shuffle>'
} )
export class AppComponent {

  /* require */
  public text: string = 'TextShuffle, Put your mouse pointer here!'

  /* optional */
  public option: any = {

    auto: true,
    color: [

      '#ff3100',
      '#ff8000',
      '#ffc600',
      '#88ff00',
      '#00ff71',
      '#00e8ff',
      '#0084ff',
      '#3100ff',
      '#ff00e1',
      '#ff003e',
      '#e6e6e6',
      '#808080',
      '#333333'
    ],
    duration: 500,
    multiply: 2.0
  }
}



Parameter

Name Type Description Default
[text] string String to output. "''"
[option.auto] boolean Whether the shuffle animation is automatic. true
[option.color] Array Text transformation color. ['#ff3100','#ff8000','#ffc600','#88ff00','#00ff71','#00e8ff','#0084ff','#3100ff''#ff00e1','#ff003e','#e6e6e6','#808080','#333333']
[option.duration] number Time of animation operation. 500
[option.multiply] number Size scale drawn on the canvas. 2.0



Change Log

1.0.0 : Initial release. 1.0.4 : Change demo address. 2.0.0 : Remove package dependency.



License

MIT



Other programs

https://bettep.org

Package Sidebar

Install

npm i text-shuffle

Homepage

bettep.org

Weekly Downloads

8

Version

2.0.0

License

MIT

Unpacked Size

117 kB

Total Files

14

Last publish

Collaborators

  • hongdaesik