javascript - canvgを使用してsvgをキャンバスに描画します

Question

キャンバスにsvgファイルを設定するためにcanvgを使用します。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);

これは、問題を解決するための1つのバリエーションです。