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

Question

我想关闭抗锯齿，我认为我需要为此设置 shape-rendering 为 "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 在this thread 中给出了一些原因。