如何在javascript和amp;中添加多个彩色雪球画布动画

Question

我在javascript中使用了 fillstyle ，我想要多个彩色雪球，我该如何使用它？我已经尝试过使用多个功能以及多个画布但无法做到，请帮助

Answer 1

很难说没有代码，但我猜你每次想要绘制不同颜色时都没有使用ctx.beginPath（）。

var ctx = can.getContext("2d");

ctx.fillStyle = "red";
ctx.beginPath();
ctx.arc(Math.random()*100+10,Math.random()*100+10,10,0,Math.PI*2);
ctx.fill();

ctx.fillStyle = "green";
ctx.beginPath();  // start a new path
ctx.arc(Math.random()*100+10,Math.random()*100+10,10,0,Math.PI*2);
ctx.fill();
ctx.fillStyle = "blue";
ctx.beginPath(); // start a new path
ctx.arc(Math.random()*100+10,Math.random()*100+10,10,0,Math.PI*2);
ctx.fill();

<canvas id="can"></canvas>