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

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方法中指定的路徑繪製一個圓。根據whatwg.org這是可以接受的。將路徑放在它自己的行上的解決方案，只需使用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

在任何發佈的瀏覽器上尚未支持填充（路徑）參數。

它應該從來沒有工作過。 WHATWG規範中的Path是2013年3月以來的新增內容，目前還沒有瀏覽器實現獨立路徑。

錯誤的開發實現有可能（但不太可能）在短時間內使該功能成爲可能，但即使在夜間也無法正常工作。相反，您會得到相應的類型錯誤。