JavaScript中程序生成的心脏

// 创建Canvas元素
var canvas = document.createElement('canvas');
document.body.appendChild(canvas);

// 设置Canvas的宽度和高度
canvas.width = 200;
canvas.height = 200;

// 获取Canvas的上下文
var ctx = canvas.getContext('2d');

// 绘制心脏形状
ctx.beginPath();
ctx.moveTo(100, 75);
ctx.bezierCurveTo(100, 37, 75, 0, 50, 0);
ctx.bezierCurveTo(20, 0, 0, 37, 0, 75);
ctx.bezierCurveTo(0, 110, 50, 150, 100, 185);
ctx.bezierCurveTo(150, 150, 200, 110, 200, 75);
ctx.bezierCurveTo(200, 37, 180, 0, 150, 0);
ctx.bezierCurveTo(125, 0, 100, 37, 100, 75);
ctx.closePath();

// 设置填充颜色和描边颜色
ctx.fillStyle = 'red';
ctx.strokeStyle = 'red';

// 填充心脏形状
ctx.fill();

// 绘制心脏形状的描边
ctx.stroke();