svg画像？のwidthは3以上じゃないとChromeで表示されない？説
svg画像をiconとして表示しようとするとダメなだけっぴ
widthは3以上じゃないとダメっぽいことが分かった
理由は不明
なんかタコピーみたいな語尾になっちゃってて一人でウケてる
←C width=3 stroke-width=10
←D width=4 stroke-width=10MacのChromeとSafariで確認
line2.svg<svg viewBox="0 0 1 100" width="2" height="100" xmlns="http://www.w3.org/2000/svg">
<path stroke="red" stroke-width="10" fill="#b22" d="M 0 0 L 0 100"/>
</svg>
line3.svg<svg viewBox="0 0 1 100" width="3" height="100" xmlns="http://www.w3.org/2000/svg">
<path stroke="red" stroke-width="10" fill="#b22" d="M 0 0 L 0 100"/>
</svg>
line4.svg<svg viewBox="0 0 1 100" width="4" height="100" xmlns="http://www.w3.org/2000/svg">
<path stroke="red" stroke-width="10" fill="#b22" d="M 0 0 L 0 100"/>
</svg>
Aは見えない
B,Cは見える
BとCの太さが結構違う気がする
2対３じゃない気がする
ブラウザで拡大しても表示されない
Aに関しては、
[/icons2/red1.icon] で、アイコン記法だと縮小されて潰れて消えた可能性がありそう元のsvgは、Bと同じではないか
一応0.1875pxだけ横幅があるらしい
Bは0.583333px
縦長の画像を、アイコン記法の画像に変換する際に、
縦横のアスペクトを維持したまま縦幅を一行になるように縮小して、横幅が潰れた？
なるほどです。縦幅半分にしてみてもダメでしたがもっと減らすと良かったかなぁ
アイコン記法として表示させるためにページ分けて作るか、先頭の画像を変更しないと試せないのがめんどいですよね
正しく出てる気がする
svgのheightを一行の長さの18pxにすると良さそう