graphics - SVG / Canvas ::JavaScriptを介したshape-rendering="crispEdges"？

Question

アンチエイリアシングをオフにしたいので、そのためにシェイプレンダリングを「crispEdges」に設定する必要があると思います。

JavaScriptでそれを行うにはどうすればよいですか？

これは、アンチエイリアシングをオフにする必要があるコードの一部です。

context.strokeStyle = gradient;
context.lineWidth = 1;
context.moveTo(x + size, y + size);
context.lineTo(x + dx, y + dy);
context.stroke();

したがって、線は右側の線のように見え、左側の他の線のようには見えないはずです。

すべての助けをいただければ幸いです！

Answer 1

SVGでは、次のように「shape-rendering」プロパティを設定できます。

someElement.style.shapeRendering = "crispEdges";

または属性として：

someElement.setAttribute("shape-rendering", "crispEdges");

HTML5キャンバスには、アンチエイリアシングのオン/オフを切り替える方法がありません。このスレッドでIanHicksonが挙げた理由がいくつかあります。