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中，您可以设置'shape-rendering'属性，例如：

someElement.style.shapeRendering = "crispEdges";

或作为属性：

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

HTML5画布无法打开/关闭消除锯齿功能，Ian Hickson在this thread中给出了一些原因。