にせねこメモ

はてなダイアリーがUTF-8じゃないので移ってきました。

SVG

OpenTypeフォントにSVGアニメーションを突っ込んでみる

Twitterを眺めてたらOpenType-SVGを実装した話が流れてきた。今日の「第3回 CAMPHOR- × KMC 合同LT会」で行ったLTの資料です。SVGカラー絵文字を含んだOpentypeフォントをつくるお話をしました。 https://t.co/WLN8VC7QTK— すずしめ (@suzusime) 2017年10月2…

SVGでフレームアニメーション w/ Javascript

前回の記事でSMILによるフレームアニメーションを実装したが、これだとIEやEdgeで動かないので、Javascriptを用いてアニメーションを実装しIEやEdgeでも動くようにした。 デモ <img>タグによる読み込み <img src="animate_js.svg" style="width:100%"> imgタグで埋め込むとJavascriptによるアニメーションは動か…

SVGでフレームアニメーション?

SVGにはラスタ画像を埋め込める SVGではアニメーションが可能 なら、GIFアニメみたいなアニメーションも可能では?と思ってやってみた。 作成したもの アニメーションは使いまわし: 【けものフレンズ】「ネコ科のフレンズ」イラスト/にせねこ [pixiv] はてな…