SVGで1px未満の線を書くとChromeで正しく表示されないが、解決できなかった件

2020/08/25


SVGで描写された上の画像は、本来黒いボーダーが均一に引かれるはずが、なぜかmacOS10.14.4 + Google Chrome 74.0.3729.131の環境だと上の画像のようにかすれてしまう。SVGでのみ確認できていて、かすれていたり、ボーダー部分がグラデーションになっているものもあったのでムラがあるようだ。macOSのバージョンが違うと発生しておらず、macOS10.14.4でもSafariやFirefoxであれば問題なく表示される。しかしネット上で解決策が見つからなかったので、Chromeのフォーラムに投稿することにした。

なぬ!

何度やってもなぜか投稿できない。「対策わかれば教えて下さい」という内容のどこが引っかかっているのか、コミュニティーポリシーを見てもわからなかった。詰んだ。