javascript - 使用canvg将svg绘制到画布上

Question

我使用 canvg 在画布中设置 svg 文件。当我设置 svg url 时一切正常：

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);

这是解决问题的一种变体。