如何改变svg的颜色？

Question

我想在画布上绘制一个svg文件。当前代码如下：

var canvas = document.getElementById("canvas");
var context = canvas.getContext("2d");
var img = new Image();
img.src = "simple SVG.svg";
context.drawImage(img, 0, 0);

但如何改变svg的颜色在画布上显示，没有使用 canvg 和嵌入式脚本（意味着修改原始svg文件是禁止的）？ 正在读取svg文件并以可能的方式替换“fill =”吗？

Answer 1

1. 将svg加载到dom对象中 （How to change color of SVG image using CSS (jQuery SVG image replacement)?）
2. 使用javascript更改其颜色（更改dom节点颜色attr）
3. 将新的svg dom作为图像源，将其加载到画布中。 （https://developer.mozilla.org/en-US/docs/HTML/Canvas/Drawing_DOM_objects_into_a_canvas）