写一段canvas画一个爱心的代码
时间: 2023-11-07 11:56:27 浏览: 83
画爱心的代码
4星 · 用户满意度95%
好的,以下是一段基于Canvas绘制爱心的代码:
```
const canvas = document.querySelector('canvas');
canvas.width = window.innerWidth;
canvas.height = window.innerHeight;
const ctx = canvas.getContext('2d');
ctx.fillStyle = 'red';
const heart = (x, y, size) => {
ctx.beginPath();
ctx.moveTo(x, y);
ctx.bezierCurveTo(x, y - size / 2, x - size / 2, y - size / 2, x - size / 2, y);
ctx.bezierCurveTo(x - size / 2, y + size / 2, x, y + size / 2, x, y);
ctx.bezierCurveTo(x, y + size / 2, x + size / 2, y + size / 2, x + size / 2, y);
ctx.bezierCurveTo(x + size / 2, y - size / 2, x, y - size / 2, x, y);
ctx.fill();
};
setInterval(() => {
const x = Math.random() * canvas.width;
const y = Math.random() * canvas.height;
const size = Math.random() * 50 + 50;
heart(x, y, size);
}, 1000);
```
这段代码会在Canvas画布中随机绘制出多个大小不同的红色爱心。如果你需要更具体的细节,可以向我询问。
阅读全文