畫弧的JavaScript

Question

我使用的是預裝的圖像陣列，其中包含：

<img src='myimage.jpg'/> 

我正在使用的代碼如下：

var img = images[0]; 
ctx.drawImage(img,-centerX,-centerY, cwidth, cheight); 
ctx.beginPath(); 
ctx.arc(10, 10, 10,0,Math.PI*2,false); 
ctx.lineWidth = 5; 
ctx.strokeStyle = "rgb(0, 0, 255)"; 
ctx.stroke(); 

爲什麼是平局上述代碼中的弧線不工作？

Answer 1

試試這個。

HTML代碼：

<canvas id="myCanvas" width="600" height="600";"> 

JS代碼：

function startCanvas() { 
     var c = document.getElementById("myCanvas"); 
     var ctx = c.getContext("2d"); 

     var image = new Image(); 

     image.onload = function() { 
      ctx.drawImage(image, 69, 50); 
      //draw a circle 
      ctx.beginPath(); 
      ctx.arc(75, 75, 10, 0, Math.PI * 2, true); 
      ctx.closePath(); 
      ctx.fill(); 
     }; 

     image.src = 'download.jpg'; 

fiddle here..

Answer 2

我準備了fiddle here，它工作正常。如果您在切換到document.images後不工作，請嘗試查看它。 :)