インラインSVGがボケる場合への対処wittern by @DEFGHI1977. インラインSVGがボケる原理 スタンドアロンのSVGでは描画結果をくっきりとさせるため, strokeプロパティに依る線の描画に細工を施す場合がある. 例を示す. 素朴な例 (1)素朴な例 0.5pxずらす例 (2)0.5pxずらす例 2px幅とする例 (3)2px幅とする例 上記の格子をスクリーンデバイスにおける1画素とし, 黄線をストローク(線)を引く基準ラインとする. (1)では幅1pxの黒色のストロークを引こうとしている. この場合, SVGの仕様により描画内容が画素の境界を跨いでしまうが, 一般的なwebブラウザではこのようなケースに於いてグラフィックの内容を近似しようとする． そのため出力結果に本来の黒色よりも薄いグレーの部分が発生してしまうのだが， これがSVGがボケる原因である． この問題を解決するには(2)のように基準
