生成AIのプログラミング能力がすごくなってる。無料版でどこまでできるのか。前の記事では、SVGのアニメができたので、次はSVG保存ができるか試してみる。9VAeは無料でライブラリ不要の SVG SMILで保存できるが、多くのアプリはSVG保存が有料なので、これが ...

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

4月26日よりカヤックが開発した「SVG女子」が日本国内でも楽しめるようになった。マイクロソフトの「Internet Explorer 9（IE9）」の日本語版が提供開始と同時にスタートした。 「SVG女子」はラスベガスにおいて4月12日から14日までマイクロソフトが開催した ...

IE9のSVGサポートがほぼ確定していることや、HTML5で直にSVGを記述できることもあって、今後はWebページやWebアプリケーションにおいてSVGの採用事例が増えるとみられる。現状をみると、IE9で実装されるのはSVG 1.1の一部ということになる。SVG 1.1の仕様は規模が ...

SVGのアニメーションができたら、続いて、線で取り囲むためのボックスを用意する。一見すると1pxのボーダーを指定しただけのdiv要素に見えるが、あとで動きをつけるために、幅もしくは高さを1pxにして塗りつぶしたdiv要素を上下左右に4つ配置し、枠線とし ...