javascript画爱心
时间: 2023-10-09 15:05:59 浏览: 126
爱心源码-表白爱心JavaScript
可以用以下代码画出一个简单的爱心:
```javascript
var canvas = document.getElementById("myCanvas");
var ctx = canvas.getContext("2d");
ctx.beginPath();
ctx.moveTo(75,40);
ctx.bezierCurveTo(75,37,70,25,50,25);
ctx.bezierCurveTo(20,25,20,62.5,20,62.5);
ctx.bezierCurveTo(20,80,40,102,75,120);
ctx.bezierCurveTo(110,102,130,80,130,62.5);
ctx.bezierCurveTo(130,62.5,130,25,100,25);
ctx.bezierCurveTo(85,25,75,37,75,40);
ctx.fill();
```
需要在HTML中添加一个canvas标签,如下所示:
```html
<canvas id="myCanvas" width="200" height="200"></canvas>
```
这里使用的是`bezierCurveTo`方法来绘制贝塞尔曲线。可以通过调整参数来改变爱心的形状和大小。
阅读全文