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

SVGアイコンの管理ができ、編集もできる便利な無料ツールを紹介します。 Windows, macOS, Linux対応で、たくさんのSVGアイコンを一元管理できてしまう優れものです。 SVGアイコンをアイコンセット、グループを使用して管理できます。 SVGアイコンの編集 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アイコン、特に無料で利用できるオープンソースのSVGアイコンをまとめて検索・閲覧できる便利なサイトを紹介します。 さまざまなSVGアイコンのライブラリを横断検索することもでき、好みのデザインを見つけて、SVGアイコンをダウンロードすることも ...

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

上記のコードは参考用でこのままでは動きませんが、読み込みの手順をわかりやすくコーディングされています。 GoogleIconsのモノカラーのアイコンなのでFillメンバーに描画色を設定するだけで簡単に色を変えられます。 Draw関数で大きさが指定できます。 SVGのアラーアイコンの場合はこんなに ...