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をサポートしているすべてのコンピュータで動作します。

私はラファエルが最善の策だと言います。

ラファエルで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>