前回はSVGの概要を解説したので、 今回はSVGの具体的な書き方をざっくりと見ていきます。 と、 その前に前回のおさらいとして、 SVGをウェブページで用いる方法を2つにまとめます。 SVGをXMLとして記述し、 svgファイル （もしくはdataスキームなど） をobject ...

SVGでは直線と直線、あるいは直線と曲線を組み合わせてまとめて描けます。直線は<line>タグを使い、x1,y1属性に開始点のX,Y座標を、x2,y2属性に終了点のX,Y座標を指定します。線の色はstrokeで指定します。 サンプル5は座標(0,10)-(240,200)まで赤い直線を描画します。

HTML5で手軽に扱えるようになったSVG（Scalable Vector Graphics）。前回は、HTML5文書内に埋め込まれたインラインSVGをJavaScriptで制御する方法を紹介しました。今回はJavaScriptとSVGを使ってシューティングゲームを作成します。 ゲームの作成に入る前に、SVG図形を ...