render svg using nanosvg.js

rendersvg.js

import {parse as parseSVG} from "./nanosvg.js"
let svg = fs.readFileSync(svg_url).toString();
let res = parseSVG(svg,"mm",72);
let canvas = document.getElementById("canvas");
let ctx = canvas.getContext("2d");
for (let shape = shapes; shape != null; shape = shape.next) {
    if(shape.fill.type==1)
    {
        let color = shape.fill.color;
        let r = Number(color&0xff);
        let g = Number((color>>8)&0xff);
        let b = Number((color>>16)&0xff);
        let alpha = Number((color>>24)&0xff);
        ctx.fillStyle=`rgba(${r},${g},${b},${alpha/255})`;
    }
    if(shape.stroke.type==1)
    {
        let color = shape.stroke.color;
        let r = Number(color&0xff);
        let g = Number((color>>8)&0xff);
        let b = Number((color>>16)&0xff);
        let alpha = Number((color>>24)&0xff);
        ctx.strokeStyle=`rgba(${r},${g},${b},${alpha/255})`;
    }
    ctx.beginPath();
    for (let path = shape.paths; path != null; path = path.next) {
      drawPath(ctx, path.pts, path.npts, path.closed);
    }
    if(shape.stroke.type==1)
    {
        ctx.stroke();
    }
    if(shape.fill.type==1)
    {
        ctx.fill(shape.fillRule==0?"nonzero":"evenodd");
    }
}
function drawPath(ctx, pts, npts, closed) {
    let i;
    ctx.moveTo(pts[0], pts[1]);
    for (i = 0; i < npts - 1; i += 3) {
        ctx.bezierCurveTo(pts[i * 2 + 2],
            pts[i * 2 + 3],
            pts[i * 2 + 4],
            pts[i * 2 + 5],
            pts[i * 2 + 6],
            pts[i * 2 + 7]);
    }
    if (closed) {
        ctx.lineTo(pts[0], pts[1]);
    }
}