绘制SVG与canvg以帆布(draw svg to canvas with canvg)

我用canvg在帆布套SVG文件。 一切正常，当我设置SVG网址：

var canvas = doc.getCanvas(num);
var context = canvas.getContext('2d');

context.drawSvg("http://localhost:8084/manual.svg", 0, 0, width, height);

但是，当我尝试写（它不工作）：

context.drawSvg("data:image/svg+xml,"+svg, 0, 0, width, height);

其中可变SVG得到manual.svg内容。

Answer 1:

img.src = "data:image/svg+xml;base64,"+btoa(svgContent);
context.drawImage(img, 0, 0, width, height);

这是一个变体来解决这个问题。

文章来源: draw svg to canvas with canvg