SVG-based drawing tool in browser. Built for Slidev.
Live Demo (built with Vanilla JavaScript!)
npm i drauu
<svg id="svg"></svg>
import { createDrauu } from 'drauu'
const drauu = createDrauu({
el: '#svg',
brush: {
mode: 'stylus', // 'line', 'rectangle', 'ellipse'
color: 'skyblue',
size: 5,
}
})
// change brush color
drauu.options.brush.color = 'red'
Inspired by
Thanks!
MIT