将CSS应用到SVG的问题

这是我第一次来这里。我用Javascript将一个SVG加载到一个HTML文档中。我需要替换这个SVG的颜色（它是一个带有透明度的黑色图像），它放置在画布上;然而，当我把CSS（风格），没有任何反应。将CSS应用到SVG的问题

这是我的代码：

<!DOCTYPE html> 
<html> 
<head> 
<title>TEST CANVAS</title> 
    <script> 

     function draw_img(){ 
      var img = document.getElementById("test"); 
      test.width = 300; 
      test.height = 300; 

      var ctx = test.getContext('2d'); 
      var source = new Image(); 
      source.src = './field/image.svg'; 
      source.onload = function(){ 
       ctx.drawImage(source, 0, 0); 
      }      
     } 

    </script> 
</head> 
<style> 
    canvas#test { 
    fill:darkred; 
} 
</style> 
    <body onload = "draw_img();"> 
    <h1>TEST</h1> 

    <canvas id="test"></canvas> 
    </body> 
</html>

这有什么错呢？对不起，我的英语不好，并提前致谢

来源

2014-10-08 KPavezC

尝试把''