銀の弾丸

プログラミングに関して、いろいろ書き残していければと思っております。

SVG

EdgeがIMGタグのSVGをストレッチしてくれないことがある

HTMLのIMGタグでSVG画像を表示するとき、EdgeではSVG画像がIMGタグのサイズに拡大・縮小されず、SVGで指定されたサイズでそのまま表示されることがあります。 他のブラウザ(Chrome、Firefox、Safari)では大丈夫でした。 また他の画像形式ならばEdgeでも問…

SVGでツールチップを表示する

小ネタです。SVGにツールチップを表示する方法です。

SVGの重なり順序を操作する「svg-z-order」

JavaScriptからSVG要素の重なり順(Z-Order)を操作するモジュールのご紹介。 SVG要素には、HTMLに使えるz-indexスタイルが効きません。 なので、重なり順を変更するには、単純に要素を並べ替える必要があります。 コードからDOM要素を並べ替えるにはNodeク…