如何改变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的颜色在canvas上显示,没有使用canvg 和嵌入式脚本(意味着修改原始svg文件是禁止的)？正在阅读svg文件并以可能的方式替换"fill ="？

Answer 1

1. 将svg加载到dom对象中(如何使用CSS更改SVG图像的颜色(jQuery SVG图像替换)？)
2. 用javascript更改颜色(更改dom节点颜色attr)
3. 将新的svg dom作为图像源,将其加载到画布中.(https://developer.mozilla.org/en-US/docs/HTML/Canvas/Drawing_DOM_objects_into_a_canvas)