HTML5画布-绘制

下面列出了圆形示例

这是我的JavaScript代码

---

假设您的

randomColor

是正确的，您只需要：

• 从canvas.onclick中删除

  context.clearRect

• 将

  context.beginPath

  移动到canvas.onclick

这是一个工作样本

var canvas=document.getElementById（“testCanvas”）；
var context=canvas.getContext（“2d”）；
函数randomColor（）{
colorArray=[“红”、“蓝”、“绿”、“青”、“橙”、“青”]
返回colorArray[Math.floor（Math.random（）*colorArray.length）]；
}
//单击事件处理程序
canvas.onclick=函数（e）{
x=e.clientX-e.target.offsetLeft；
y=e.clientY-e.target.offsetTop；
context.beginPath（）；
context.fillStyle=randomColor（）；
弧（x，y，25，0，2*Math.PI，true）；
context.fill（）；
}

---

您的样本缺少

randomColor

@ktbffh的代码打开一个新问题，问您有什么，您想让什么消失，我会尽我所能帮助您。。。请创建一个工作代码段