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

這是解決問題的一種變體。