什么是以任意颜色渲染SVG形状的最具跨浏览器的方式？

Question

给出一个平坦的，100％黑色的2D SVG形状，我怎样才能以任意颜色渲染它，尽可能使用跨浏览器？

Answer 1

• Raphael（http://raphaeljs.com/），在IE5 +（通过VML回退），Safari，Chrome，Opera，Firefox中工作，但不在Honeycomb之前的Android中工作。
• Svgweb（http://code.google.com/p/svgweb/）适用于所有应用程序，但通过Flash进行回退（IPad，IPhone不支持）。
• Canvg（http://code.google.com/p/canvg/）适用于所有支持SVG或Canvas的应用程序。

我会说拉斐尔是你最好的选择。

在Raphael渲染2D颜色很简单。例如：

<script type="javascript"> 
// Creates canvas 320 × 200 at 10, 50 
var paper = Raphael(10, 50, 320, 200); 
// Creates a red-filled cross-looking shape 
paper.path("M10,10L50,50M50,10L10,50").attr({stroke: "red", fill:"red"}); 
</script>