iPhoneやAndroidのWeb開発において、直接実機でデバッグする方法をご紹介します

SVGの描画内容をCanvasで利用するのは、CanvasをSVGで利用するのに比べて幾分か大変です。

HTML5を使っていると、Canvasの内容をSVGに書きだしたり、逆にSVGの内容をCanvasに書きだしたりしたくなることがあります。今回はその方法のうち、CanvasをSVGで利用する方法をお伝えします。

SVGはXMLなので、HTMLのCanvasに比べてやり方が多少異なります。ここでは、単一ファイルとしてのSVGの書き方をご紹介します。

HTML5でCanvasを使うやり方です。