用canvas做10个鼠标点击特效，输出所有代码

可以使用以下代码在Canvas上创建10个鼠标点击特效： 1. 使用onclick事件监听器：<canvas onclick="myFunction()"></canvas>2. 定义myFunction函数：function myFunction(){
// 在此处添加你的代码
}3. 在画布上绘制一个圆：var c = document.getElementById("myCanvas");
var ctx = c.getContext("2d");
ctx.beginPath();
ctx.arc(95,50,40,0,2*Math.PI);
ctx.stroke();4. 使用fillStyle设置圆的填充颜色：ctx.fillStyle = "#FF0000";
ctx.fill();5. 使用setInterval函数循环调用绘制函数：var i = 0;
setInterval(function(){
draw(i);
i++;
}, 1000);6. 在draw函数中绘制不同颜色的圆：function draw(i){
ctx.beginPath();
ctx.arc(95,50,40,0,2*Math.PI);
ctx.stroke();
ctx.fillStyle = getColor(i);
ctx.fill();
}7. 使用getColor函数获取颜色：function getColor(i){
var colors = ["#FF0000", "#00FF00", "#0000FF"];
return colors[i%3];
}8. 使用clearRect函数清除画布：ctx.clearRect(0,0,canvas.width,canvas.height);9. 使用addEventListener函数监听鼠标点击事件：canvas.addEventListener("click", myFunction);10. 在myFunction函数中增加一个alert：function myFunction(){
alert("鼠标点击特效！");
// 在此处添加你的代码
}