読者です 読者をやめる 読者になる 読者になる

すなばいじり

はてなブログを使って、トンピーを揃えるまで止めないブログ。ふっくらかわいい。

browserAction.setIconにSVGを使う

ちょっとした副産物ができたので、サンプルとして置いておきます。
というエントリー。

Chrome拡張で、browserAction.setIconで指定するアイコンにSVGを指定するサンプルです。

 

f:id:psne:20150911211828j:plain

一式をダウンロードして適当なディレクトリに展開してから、Chromeデベロッパーモードにして読み込ませると動きます。
雑な説明ですが学習用として色々弄ると良いと思います。
READMEにもありますが、アニメーションするアイコンを避けると、利用者は喜びます。

Don't  constantly animate your icon. That's just annoying.

chrome.browserAction - Google Chrome

 

どうぞご利用ください。

 

どうやってるの?

読み込んで(文字などを組み合わせる必要があれば生成して)Data URI schemeに変換して流し込みます。「SVG Data URI scheme」で検索すると良い感じのページが出てきますので、詳しい説明はそちらをご覧ください。

 

ソースコードなど

はぶ

github.com

 

 

くま

NEW リズムでともだち こぐまのトンピー

NEW リズムでともだち こぐまのトンピー