「HTML5」って何でしょうか？ それは「HTML4」や「XHTML1」の後継となる、便利な機能が増えた次世代のHTMLです。今回は、canvas要素とsvg要素について解説します。canvas要素とsvg要素を使えば、画像ファイルを用意することなく図形を表示できます。 従来、図形や ...

HTML5概要：絵を描いたり動かせるcanvas要素、svg要素(2ページ目) 「HTML5」って何でしょうか？ それは「HTML4」や「XHTML1」の後継となる、便利な機能が増えた次世代のHTMLです。今回は、canvas要素とsvg要素について解説します。canvas要素とsvg要素を使えば、画像 ...

HTML内でSVGを扱うにはsvg要素を使う。canvas（Lesson10）のようにwidthやheight属性を付加することで描画領域を決めることができる【1】。 SVGで図形を作成する際はすべてこのsvg要素内に記述していく。まずは簡単な図形から描いてみよう。 【2】のrect要素は矩形を ...

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

マイナビ出版発行の書籍からIT関連の問題を引用し、出題していきます。皆さまの実力をお試しください。 今回は、『HTML5プロフェッショナル認定試験 レベル2 対策テキスト&問題集』から。認定試験を想定した問題なので、連続正解者は受験を考えても良い ...

In the early days of web application development, most graphics intensive applications defaulted to Flash. This provided a consistent experience across most browsers and devices. But Apple’s decision ...