canvas画个心形
时间: 2023-12-09 20:36:57 浏览: 78
画出心形线
以下是使用canvas画心形的代码:
```html
<canvas id="myCanvas" width="200" height="200"></canvas>
```
```javascript
var canvas = document.getElementById("myCanvas");
var ctx = canvas.getContext("2d");
ctx.beginPath();
ctx.moveTo(100, 50);
ctx.bezierCurveTo(75, 50, 75, 75, 75, 100);
ctx.bezierCurveTo(75, 125, 100, 150, 125, 175);
ctx.bezierCurveTo(150, 150, 175, 125, 175, 100);
ctx.bezierCurveTo(175, 75, 150, 50, 125, 50);
ctx.closePath();
ctx.fillStyle = "red";
ctx.fill();
```
阅读全文