Webアプリケーション上で生成・編集したSVGグラフィックスを、サーバーを介さずにクライアントサイド（ブラウザ）だけでファイルとして保存・ダウンロードさせる機能は、ユーザーの利便性を大きく向上させます。 これを実現するには、DOM要素としてのSVG ...

Webアプリケーションにおいて、解像度に依存しないグラフやチャートを描画する場合、Canvas APIだけでなくSVG（Scalable Vector Graphics）のDOM操作も有力な選択肢です。 特にJavaScriptを用いて<path>要素のデータを動的に計算・更新することで、軽量かつCSSで ...

WebサイトやスマホアプリにぴったりなSVGアイコンを簡単に使用できるよう構築されたJavaScriptの軽量ライブラリを紹介します。 カスタマイズも非常に簡単で、HTMLのdata属性を使用して、SVGアイコンのサイズやカラーを個別に設定できます。 90種類以上のSVG ...

CodeZine編集部では、現場で活躍するデベロッパーをスターにするためのカンファレンス「Developers Summit」や、エンジニアの生きざまをブーストするためのイベント「Developers Boost」など、さまざまなカンファレンスを企画・運営しています。 講演資料・動画 ...

JavaScriptとCSSは不要！ SVGの気持ちいいアニメーションで作られた超軽量のかわいいローディング -SVG Loaders サイト構築 -制作 Post on:2014年12月10日 sponsorsr ...

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