nixeneko https://blog.hatena.ne.jp/nixeneko/ にせねこメモ https://nixeneko.hatenablog.com/ SVG アニメーション SVGにはラスタ画像を埋め込める SVGではアニメーションが可能 なら、GIFアニメみたいなアニメーションも可能では?と思ってやってみた。 作成したもの アニメーションは使いまわし: 【けものフレンズ】「ネコ科のフレンズ」イラスト/にせねこ [pixiv] はてなブログにsvgタグをコピペしようとしたら、文字数が多すぎると怒られた(data URI schemeを利用して200万文字を超えていた)。 ソース <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="768"… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fnixeneko.hatenablog.com%2Fentry%2F2017%2F03%2F30%2F045215" title="SVGでフレームアニメーション? - にせねこメモ" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> http://nixeneko.2-d.jp/hatenablog/20170330-svganim/animate.svg Hatena Blog https://hatena.blog 2017-03-30 04:52:15 rich https://nixeneko.hatenablog.com/entry/2017/03/30/045215 1.0 100%