TA貢獻2039條經(jīng)驗 獲得超8個贊
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<canvas id="aa"></canvas>
<script>
let oC = document.getElementById('aa');
let ctx = oC.getContext('2d');
for (let i = 0; i < 100; i++) {
setTimeout(function () {
ctx.beginPath();
ctx.save();
ctx.lineWidth = 5;
ctx.strokeStyle = 'red';
console.log(i, i * 600)
ctx.moveTo(i - 1, i - 1);
ctx.lineTo(i, i);
ctx.stroke();
ctx.restore();
ctx.closePath();
}, i * 600)
}
for (let j = 10; j < 100; j++) {
setTimeout(function () {
ctx.beginPath();
ctx.save();
ctx.strokeStyle = 'blue';
ctx.lineWidth = 10;
ctx.moveTo(j - 1, 10 + j - 1)
ctx.lineTo(j, 10 + j);
ctx.stroke();
ctx.restore();
ctx.closePath();
}, j * 800)
}
</script>
</body>
</html>
每次都需要beginPath和closePath。
舉報