draw-svg-path

Draws an SVG path onto a canvas context.

draw-svg-path

draw-svg-path draws a parsed SVG path onto a canvas context.

Older browsers might require a polyfill for Array.prototype.forEach.

$ npm install michaelrhodes/draw-svg-path
draw(context, path)
var parse = require('parse-svg-path')
var draw = require('draw-svg-path')
 
var path = parse('M10 10 L15 15')
var canvas = document.querySelector('canvas')
var context = canvas.getContext('2d')
 
context.lineWidth = 1
context.strokeStyle = '#000000'
context.fillStyle = 'transparent'
// Do actual drawing 
draw(context, path)
context.stroke()

MIT