svgのtextに対するstroke-widthの嫌な挙動とその対処。 まずは基本。こんな感じでstroke-width使います。 <svg> <text x="50" y="100" stroke-width="1px" style="font: bold 50px Meiryo UI; stroke: black; fill: white;"> test </text> </svg> 表示は以下の通り。画像じゃないよ。ドラッグしてみ。 test さて、stroke-widthの値を上げると、すぐ嫌な状態になります。 以下はstroke-widthが6pxになったこと以外は上と同じ。 <svg> <text x="50" y="100" stroke-width="6px" style="font: bold 50px Meiryo UI; stroke: black; fill: wh
