Question

我对canvas和Chrome 27.0有一个奇怪的问题：

在画布上进行大量绘制后，使用arc函数在OS X上的Chrome中绘制实心方块，但在Safari，同一OS X机器上的Firefox以及Windows上的IE10，Chrome和Firefox中工作正常一直以来。

如果事先没有运行大量的代码，问题是不可重现的，所以我假设它与预先做的事情有关，但这里有一些信息，也许有人可以指出我的方向我没有'想到了。

这是失败的代码：

    ctx.beginPath();
    ctx.strokeStyle = "rgba(255, 255, 255, 0.9)";
    ctx.arc(cx*sfx, cy*sfy, width*sfy, 0, Math.PI * 2, false);
    ctx.closePath();
    ctx.stroke();

我可以通过不超过2pi的弧度来绘制Chrome中的圆圈，但是1.9999pi。此代码有效：

    ctx.beginPath();
    ctx.strokeStyle = "rgba(255, 255, 255, 0.9)";
    ctx.arc(cx*sfx, cy*sfy, width*sfy, 0, Math.PI * 1.999, false);
    ctx.closePath();
    ctx.stroke();

什么也有效，是删除beginPath（）语句。然而，从画布上绘制最后一个对象的位置到圆的起始点绘制一条线。

我尝试过重新排序，将开头/结束路径语句加倍，除了描述之外都没有效果。

有人提出任何线索吗？

干杯

波尔特

Answer 1

出现同样的问题，我最初使用了相同的hack，但后来我添加了一个moveTo

  ctx.moveTo(x + radius, y);
  ctx.arc(x, y, radius, 0, Math.PI*2, true);

  /*
  Chrome suddenly started drawing a filled square (2013 May 26)
  can't get the filled square though in jsfiddle

  first try was changing it to
  ctx.arc(x, y, radius, 0, Math.PI*1.999, false)
  which worked, but then added the moveTo, which also made it work again
  */

在Chrome 27.0中破坏了画布弧功能？

1 个答案: