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

すなばいじり

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


こちらは、水先案内です。
コミケ参加者必見!Webカタログを無駄なくお得に使おう!
最新仕様のパンくずリスト を どうぞご利用ください。
あわせて読みたい 機能 をどうぞご利用ください。
Proxy Hacking Protection を どうぞご利用ください。


Hatena::diary ネタまとめ
Hatena::blog SLview+ 開発日誌
Develop::site Cosmonaut
人気記事表示するやつと、それをTwitterへアナウンスするやつ

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 リズムでともだち こぐまのトンピー