Usage no npm install needed!

<script type="module">
  import crayonDraw from 'https://cdn.skypack.dev/crayon-draw';
</script>

README

蜡笔效果画线 crayon-style line

inspired by fabric-brush but without any dependences

Quickstart

npm install crayon-draw --save

<script src="https://cdn.jsdelivr.net/npm/crayon-draw@1.0.0/dist/crayon-draw.min.js"></script>

How to use


import CrayonDraw from 'crayon-draw';

const instance = new CrayonDraw('myCanvasId');

// set line color
instance.setColor('#000000');
// set line opacity
instance.setOpacity(1);
// set "dot density" level
instance.setInkAmount(1);
// set line width
instance.setWidth(10);

Online Demo

click to jump

License

MIT@elvin