的Javascript context.closePath（）方法不會出現

Question

我已經嘗試了很多畫在畫布上多圈，但context.closePath()方法不會出現

我有這樣的代碼：

<script> 
    var canvas = document.getElementById('mainCanvas-2'); 
    var context = canvas.getContext('2d'); 
    for(var i=0;i<canvas.width;i++){  
     var centerX = i+Math.random()*canvas.width/2; 
     var centerY = i+Math.random()*canvas.height/2; 
     var radius = 20; 
     context.beginPath(); 
     context.arc(centerX, centerY, radius, 0, 2 * Math.PI, false); 
     context.shadowColor = 'white'; 
     context.shadowBlur = 45; 
     context.shadowOffsetX = 0; 
     context.shadowOffsetY = 0; 
     context.fillStyle = 'rgba(255, 255, 255, 0.5)'; 
     context.fill(); 
     context.strokeStyle = none; 
     context.stroke(); 
     context.// here closePath() method does not appear 
    } 
</script> 

任何幫助，請謝謝。

Answer 1

將context.strokeStyle = none更改爲context.strokeStyle = 'none'解決了它，歡呼！下面

演示：

var canvas = document.getElementById('mainCanvas-2'); 
 
    var context = canvas.getContext('2d'); 
 
    for(var i=0;i<canvas.width;i++){  
 
     var centerX = i+Math.random()*canvas.width/2; 
 
     var centerY = i+Math.random()*canvas.height/2; 
 
     var radius = 20; 
 
     context.beginPath(); 
 
     context.arc(centerX, centerY, radius, 0, 2 * Math.PI, false); 
 
     context.shadowColor = 'white'; 
 
     context.shadowBlur = 45; 
 
     context.shadowOffsetX = 0; 
 
     context.shadowOffsetY = 0; 
 
     context.fillStyle = 'rgba(255, 255, 255, 0.5)'; 
 
     context.fill(); 
 
     context.strokeStyle = 'none'; 
 
     context.stroke(); 
 
     context.closePath(); 
 
    }

<canvas id = "mainCanvas-2"></canvas>