diaryじゃあJSでも出来るかな、と思ってChrome拡張にしてみた。ブラウザ上で表示している画像たちに自動的に集中線アニメーションをつけるもの。Storeに上げるようなものでもないよね...。動作確認していないので上手く動かないサイトも結構あるかも。imgの上にピッタリcanvasをのせるっていうのが意外に難しくて、サイズは簡単に取れてもその絶対座標に合わせて配置っていうのが簡単にはいかず、なんか苦労した末imgのあったところにinline-blockなdivを入れてその下に元のimgとcanvasをぶら下げposition:absoluteで固定する、みたいなめんどくさい方法で解決した。最初からcanvasにまるっと入れかえてその中でimageをloadする、とかの方が上手くいくのかなぁ。定期的に全imgを探して適用済みだったら無視するだけという富豪的な方法にしてしまっている。JSとかHTMLとか詳しい人だったらこういうのどうやって作るのか知りたい。