graphics - SVG / Canvas :: shape-rendering="crispEdges" 通过 JavaScript？

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 中，您可以设置“形状渲染”属性，例如：

someElement.style.shapeRendering = "crispEdges";

或者作为一个属性：

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

HTML5 画布无法打开/关闭抗锯齿，Ian Hickson 在此线程中给出了一些原因。