SVGはScalable Vector Graphicsの略で、ベクターで定義された画像フォーマットのことだ。IEも9から正式に対応し、現実的に使えるテクノロジーになってきた。 HTML5ではcanvasという画像を扱う別の仕様があるが、ビットマップとして扱われるためSVGとは異なる。

SVGアニメーションとは、SVG（Scalable Vector Graphics）形式の画像を動かす技術のことです。 SVGはベクター形式の画像データで、拡大・縮小しても劣化しないという特性を持っています。そのSVGに対して、動き・変形・色の変化などを加えることで、Webサイト上で ...

第4回Webに最適化された拡張性の高いベクター画像「SVG」 多くのWebブラウザではページ全体を拡大・縮小する機能を実装しており、環境によって画像文字では見にくい場合がある。また、動きが速くさまざまなデータとの連携が必要とされるWebだからこそ ...

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

気になることを自分でネットで調べつつ、AI birdに ついでに記事を書いてもらってるここ数日 今日はsvgアニメーションについて記事を書いてもらってみました ではどうぞ。 SVGアニメーションとは？ SVGアニメーションとは、スケーラブルベクター ...

iPhone 4のような高DPIデバイスの登場でグラフィックデータをどう扱っていくかがこのところWebデザイナやWebデベロッパの間で話題に上るようになっている。iPhone 3GとiPhone 4、iPad、MacBook Proなど、どのデバイスからアクセスしても問題ないWebページを制作するに ...