1.0.3 • Published 6 years ago
vue-text-particle v1.0.3
Install
npm i vue-text-particle
Quick Start
import ParticleText from "vue-text-particle";
Preview
How to use
<ParticleText :particleTextOptions="particleTextOptions"></ParticleText>
particleTextOptions: {
text: ["A", "X", "C"],
fontSize: 25,
particleRadius: 5,
italic: true,
duration: 2000,
canvasBackground: '#000',
canvasSize: [700, 340],
textTop: 18.8,
textLeft: 0,
theme:'default'
}
Props
Name | type | Value |
---|---|---|
text | Arry | The texts you want to show |
fontSize | Number | The font-size of your texts |
particleRadius | Number | The max radius of the partcile |
italic | Boolean | If your texts are italic |
duration | Number | The time before the texts change |
canvasBackground | Hex_Number | The background-color of the canvas |
canvasSize | Arry | The width&height of the canvas |
textTop | Number | The distance of the canvas to the top |
textLeft | Number | The distance of the canvas to the left |
theme | String | 'default','white','black','red' and more coming soon... |