SymfowareSymfowareSymfowareについての考察blogJavaScriptでSVGを描画する(Raphael使用)SVGでトランプらしき画像を描画してみました。SVGでトランプらしきものを描画する(ダイヤ)SVGでトランプらしきものを描画する(クローバー)SVGでトランプらしきものを描画する(ハート)SVGでトランプらしきものを描画する(スペード)これらをJavaScriptを使用して動的に生成してみたいと思います。RaphaelSVGを描画するJavaScriptのライブラリに「Raphael」というものがあるようです。SVG実習Raphaelこれを使用してみることにしました。1.4.7をダウンロードします。すると、raphael-min.jsというファイルがダウンロードできると思います。ダウンロードしたファイルを、これから作成するhtmlと同じ階層に保存しておきます。ダイアのカードを生成するサンプルサンプルはこんな感じ。※若干微調整してあります。id="image_base"><div></html>実行してみると、こんな感じで表示されました。次の記事プロフィールAuthor:symfoblog形式だと探しにくいので、まとめサイト作成中です。