HTMLの周辺技術について解説する本シリーズですが、前回はSVGの様々な図形描画要素について解説しました。今回はWebデザインでも有用なSVGのグラデーション機能について解説します。また、JavaScriptからSVGの要素を操作する方法についても解説します。

【JavaScript】SVG要素に対するマウスイベントの捕捉とインタラクティブなUI実装 - 森の株【JavaScript】SVG要素に対するマウスイベントの捕捉とインタラクティブなUI実装 | 森の株 概要 SVG（Scalable Vector Graphics）はHTML DOMの一部として扱われるため、&概要 morinokabu.com ...

SVG（Scalable Vector Graphics）の真価は、DOM要素としてJavaScriptから直接アクセスし、座標やスタイルを動的に書き換えられる点にあります。 setAttribute メソッドを使いこなせば、データに連動した高度なビジュアライゼーションが可能になります。

SVG is suddenly an important web technology. Let's take a look at using SVG with nothing but code. SVG is suddenly an important web technology - arguably more important that the new HTML5 Canvas.

SVGは比較的古くからある仕様の1つですが、 2010年3月にマイクロソフトがInternet Explorer 9でのサポートを表明してから一気に注目が高まりました。そんな古くて新しいSVGを今から使える情報と、 将来の展望を全4回の集中連載で解説します。 SVGとは SVG （Scalable ...