vue-text-particle

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...