ホームページ上で 文字や画像に動きをつける方法の一つに、SVG Animation を使う
と云う方法があります。
註)SVG・・・Scalable Vector Graphics
ただ この SVG Animation は、「Google Chrome」や「Mozilla Firefox」は対応して
いるものの、日本において使用比率の高い「Internet Explorer」や「Microsoft Edge」
では 不完全にしか対応していないことから、実際に ホームページ上で使用するには
無理がありました。
一方 先月 リリースされた「新しい Microsoft Edge」ですが、「Google Chrome」と
同様、Chromium に基づいている!とのことなので、SVG Animation にも対応している
はずです。
と云うことで、昔々 自作したプログラムに 少し手を加え、SVG Animation が動くか
どうか?を試してみました。
[ SVG シャボン玉 ]

上の画像を SVG Animation で動かす
[ SVG 万華鏡 ]

上の画像を SVG Animation で動かす
期待通り、OK なようです。
SVG Animation は 動きが滑らかな上、プログラムサイズも 比較的小さくて済むので、
今後は 使われる機会が増えるかも!!
と云う方法があります。
註)SVG・・・Scalable Vector Graphics
ただ この SVG Animation は、「Google Chrome」や「Mozilla Firefox」は対応して
いるものの、日本において使用比率の高い「Internet Explorer」や「Microsoft Edge」
では 不完全にしか対応していないことから、実際に ホームページ上で使用するには
無理がありました。
一方 先月 リリースされた「新しい Microsoft Edge」ですが、「Google Chrome」と
同様、Chromium に基づいている!とのことなので、SVG Animation にも対応している
はずです。
と云うことで、昔々 自作したプログラムに 少し手を加え、SVG Animation が動くか
どうか?を試してみました。
[ SVG シャボン玉 ]

上の画像を SVG Animation で動かす
[ SVG 万華鏡 ]

上の画像を SVG Animation で動かす
期待通り、OK なようです。
SVG Animation は 動きが滑らかな上、プログラムサイズも 比較的小さくて済むので、
今後は 使われる機会が増えるかも!!