情人节用js写一个爱心代码
时间: 2023-03-01 20:01:49 浏览: 59
情人节快乐!你可以用 JavaScript 写一个简单的爱心代码。以下是一个示例代码,使用 HTML5 canvas 绘制一个爱心图形:
```
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Love Heart</title>
</head>
<body>
<canvas id="loveHeart"></canvas>
<script>
var canvas = document.getElementById("loveHeart");
var ctx = canvas.getContext("2d");
canvas.width = 200;
canvas.height = 200;
ctx.translate(100, 100);
for (var i = 0; i <= 360; i++) {
ctx.rotate(Math.PI / 180);
ctx.beginPath();
ctx.moveTo(0, 0);
ctx.bezierCurveTo(15, -30, 30, -15, 0, -50);
ctx.bezierCurveTo(-30, -15, -15, -30, 0, 0);
ctx.strokeStyle = "red";
ctx.stroke();
}
</script>
</body>
</html>
```
这是一个使用 canvas 绘制的爱心,使用了贝塞尔曲线来制作图形。你可以按照自己的需求调整代码,比如改变颜色、大小等。希望这个代码能帮助你度过一个愉快的情人节!