@deadlyjack/trails v1.0.8

TRAILS.js

Create trails like effect for text and svg image using JavaScript canvas.

Usage

How to import?

import Trails from 'trails';

How to use it for text

const $canvas = document.getElementById('canvas');
(async ()=>{
  const trails = await Trails.fromText(
    'foxdebug',
    './Lobster/Lobster-Regular.ttf',
    $canvas
  );
  animation();
})();

window.addEventListener('resize', trails.resize);

function animation() {
  trails.update();
  requestAnimationFrame(animation);
}

Docs

Methods

fromText: Use this method to render text on canvas

• text (String) : Text you want to render
• font (String) : Link to font file
• canvas (HTMLCanvasElement) : Canvas reference

fromSVG: Use this method to render svg file on canvas

• svg (String) : SVG file text content
• canvas (HTMLCanvasElement) : Canvas reference