以任意颜色呈现SVG形状的最跨浏览器方式是什么

Question

如果只是一个平面的、100%黑色的2D SVG形状，我如何尽可能跨浏览器以任意颜色渲染它？

Answer 1

• 拉斐尔(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>