Javascript 画一系列的线并不意味着';t遵守lineJoin=&x27;四舍五入';

Javascript 画一系列的线并不意味着';t遵守lineJoin=&x27;四舍五入';,javascript,html,canvas,Javascript,Html,Canvas,我有一份绘画申请。我在画布上跟踪绘图,然后使用如下方式进行渲染: canvas.moveTo(x[0]-1, y[0]); for(var i=0;i<x.length;i++) { canvas.lineTo(x[i], y[i]); canvas.moveTo(x[i], y[i]); } canvas.moveTo(x[0]-1,y[0]); 对于(var i=0;i,因为每一行在moveTo处“继续”,所以这些行从未真正“连接”。它们都被视为一条大行。平滑渲染的解决方案是

我有一份绘画申请。我在画布上跟踪绘图,然后使用如下方式进行渲染:

canvas.moveTo(x[0]-1, y[0]);
for(var i=0;i<x.length;i++)
{
  canvas.lineTo(x[i], y[i]);
  canvas.moveTo(x[i], y[i]);
}
canvas.moveTo(x[0]-1,y[0]);
对于(var i=0;i,因为每一行在moveTo处“继续”,所以这些行从未真正“连接”。它们都被视为一条大行。平滑渲染的解决方案是将画布上下文的
lineCap
属性设置为“round”

这仍然是不太一样的,虽然出于某些原因,一些“波折”在角落里被看到,但不是非常明显,因为以前