Javascript 为什么不画第二个圆呢?

Javascript 为什么不画第二个圆呢?,javascript,canvas,onclick,Javascript,Canvas,Onclick,我想通过点击鼠标按钮来画圆圈。为什么不画第二个圆呢?我有铬39.0.2171.99米。在最新版本的firefox上,我也进行了检查 var mx=document.getElementById(“mx”); var my=document.getElementById(“my”); var can=document.getElementById(“mainCanvas”); var canLeft=can.offsetLeft,canTop=can.offsetTop; var g=can.g

我想通过点击鼠标按钮来画圆圈。为什么不画第二个圆呢?我有铬39.0.2171.99米。在最新版本的firefox上,我也进行了检查

var mx=document.getElementById(“mx”);
var my=document.getElementById(“my”);
var can=document.getElementById(“mainCanvas”);
var canLeft=can.offsetLeft,canTop=can.offsetTop;
var g=can.getContext('2d');
//用文字画圆圈
函数drawCircleWithText(g、x、y、r、text、bgclr、textclr){
g、 fillStyle=bgclr | |“黑色”;
g、 beginPath();
g、 弧(x,y,r,0,Math.PI*2);
g、 closePath();
g、 填充();
g、 fillStyle=textclr | |“白色”;
g、 font=“bold”+r+“px衬线”;
var w=g.measureText(text).width,
h=g.measureText(“w”).宽度;
g、 填充文本(文本,x-w/2,y+h/2);
//日志(“结束DCWT:”,x,y,r,text);
}
var r=20,n=0;
//为“单击”事件添加事件侦听器。
can.addEventListener('click',函数(事件){
var x=event.pageX-canLeft,
y=event.pageY-canTop;
带文字(g,x,y,r,“+(++n));
},假);
can.onmousemove=函数(e){
mx.innerHTML=e.x;
my.innerHTML=e.y;
}
0,0

根据我对您问题的理解,这对我来说很好。
可能是您的问题我不清楚,或者可能是您在正文标记中一个接一个地编写脚本标记。

它在Chrome 39Works中也可以在最新的Firefox(v35)上运行。我想我可能是您的计算机有问题。您是否需要迭代一系列圆圈?