SVG /帆布::形状渲染=“crispEdges”通过JavaScript？(SVG / Canv

我想关闭抗锯齿，我相信我需要设置形状渲染为“crispEdges”了点。

我如何能做到这一点的JavaScript？

我的代码，我需要关闭抗锯齿AA这一部分：

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画布也没有办法开/关切换抗锯齿，部分原因是由伊恩·希克森在给这个线程 。

文章来源: SVG / Canvas :: shape-rendering=“crispEdges” via JavaScript?