Question

此代码直到最近一直在Chrome上运行。

    var canvasB=document.getElementById('b');
    var contextB=canvasB.getContext("2d");
    contextB.width=50;
    contextB.height=50;
    contextB.beginPath();
    contextB.fillStyle="#0A0";
    contextB.fill(contextB.arc(25,25,24,0,7,0));

请注意，在fill方法中，指定路径以绘制圆。根据{{3}}，这是可以接受的。解决方案将路径放在它自己的行上，只使用fill（）而不使用任何参数。

    var canvasA=document.getElementById('a');
    var contextA=canvasA.getContext("2d");
    contextA.width=50;
    contextA.height=50;
    contextA.beginPath();
    contextA.fillStyle="#0A0";
    contextA.arc(25,25,24,0,7,0);
    contextA.fill();

为什么这会停止工作或我做错了什么？

Answer 1

任何已发布的浏览器都不支持fill（Path）参数。

应该从未工作过。 WHATWG规范中的Path内容是截至2013年3月的新内容，并且还没有浏览器实现过独立路径。

错误的开发实现可能会（但不太可能）在短时间内使该功能成为可能，但它现在无法正常工作，即使是在夜间也是如此。您将获得相应的类型错误。

为什么canvas context.fill（path）在Chrome上不起作用？

1 个答案: