常識の範囲内で、自由につかってください（2回目）

備忘：

常識の範囲内で、自由につかってください①
https://twitter.com/JP_GHIBLI/status/1685606160580198400
常識の範囲内で、自由につかってください②
https://twitter.com/JP_GHIBLI/status/1685606411752108033
常識の範囲内で、自由につかってください③
https://twitter.com/JP_GHIBLI/status/1685606915164749824

Aは、「常識の範囲内で、自由につかってください③」ツイートに添付されていたオリジナルファイル。Bは、Aをファイル変換サイトで変換したファイル。Cは、「常識の範囲内で、自由につかってください①②」に添付されている画像ファイルから作成したファイル。背景透過済み。クリックイベントを実装済み。マウスポインターが矢印のままだ今気づいた。軽微な不備1。

SVGファイルにはCSS/JSを内包できる。ページ内に同じSVGファイルを複数配置してもidの重複などは発生しない。JSのグローバル領域が汚染されることもない。画像として表示する場合は、普通に<img>タグが使えるが、JSを実行する場合は、<object>タグで埋め込む必要がある。