Chrome Extensionのブラウザアクションアイコンをアニメーションする方法 - ずっと君のターン

もしくはおっぱいエクステンション見どころ解説。 おっぱいエクステンションはクリックするとボタンアイコンがアニメーションしますが、これはどうやってるんだって話をします。要は「同じようなの何度も作って楽しいのかよ」っていう真っ当至極な意見に対する「いやいや、これでも一応ちょっと試してみたことがあったんスよ」っていう言い訳。 ブラウザアクションのアイコンには普通は画像を使うと思いますが、実は画像だけではなくてImageDataオブジェクトを渡すこともできます。で、そのImageDataオブジェクトはcanvas要素から取り出せます。つまり 「『canvasに何かを描画して、ImageDataオブジェクトを取り出し、ボタンアイコンに設定』というのを一定間隔で繰り返し」 すればボタンアイコンのアニメーションが実行できるわけです。ではさっそくおっぱいエクステンションのソースを追ってみましょう。 /*

[tarchan]

「『canvasに何かを描画して、ImageDataオブジェクトを取り出し、ボタンアイコンに設定』というのを一定間隔で繰り返し」