用js写一个心号

以下是一个用JS实现的心形图案：

<!DOCTYPE html>
<html>
<head>
	<title>JS Heart Shape</title>
	<style>
		#heart {
			position: absolute;
			top: 50%;
			left: 50%;
			transform: translate(-50%, -50%);
		}
	</style>
</head>
<body>
	<canvas id="heart"></canvas>

	<script>
		var canvas = document.getElementById('heart');
		var ctx = canvas.getContext('2d');

		canvas.width = 200;
		canvas.height = 200;

		ctx.beginPath();
		ctx.moveTo(100, 40);
		ctx.bezierCurveTo(80, 0, 0, 40, 0, 80);
		ctx.bezierCurveTo(0, 120, 80, 200, 100, 200);
		ctx.bezierCurveTo(120, 200, 200, 120, 200, 80);
		ctx.bezierCurveTo(200, 40, 120, 0, 100, 40);
		ctx.fillStyle = "red";
		ctx.fill();
	</script>
</body>
</html>

在这个例子中，我们使用 canvas 元素和 getContext 方法来创建一个画布和绘制心形。我们创建了一个 ctx 变量来引用 canvas 的 2D 上下文，并使用 beginPath 方法开始绘制路径。我们使用 bezierCurveTo 方法来绘制贝塞尔曲线，从而创建心形的形状。最后，我们使用 fillStyle 和 fill 方法来填充心形的颜色。