如何更改svg的顏色？

Question

我想畫上canvas.The當前代碼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）