HTML5是一種用于構(gòu)建網(wǎng)站和應用程序的標記語言。它提供了許多新特性和改進，其中之一就是支持繪制圖形和動畫。在這些新特性中，使用HTML5繪制愛心是一個非常好玩的例子。

<canvas id="heart-canvas" width="200" height="200"></canvas>
<script>
var canvas = document.getElementById('heart-canvas');
var ctx = canvas.getContext('2d');
var x = canvas.width / 2;
var y = canvas.height / 2;
var radius = 75;
var startAngle = 0;
var endAngle = Math.PI;
var anticlockwise = true;
ctx.beginPath();
ctx.arc(x - radius / 2, y - radius / 2, radius / 2, -Math.PI / 4, Math.PI * 5 / 4);
ctx.lineTo(x, y + radius);
ctx.lineTo(x + radius / 2, y - radius / 2);
ctx.arc(x + radius / 2, y - radius / 2, radius / 2, Math.PI / 4, Math.PI * 3 / 4);
ctx.closePath();
ctx.fillStyle = '#ff4d4d';
ctx.fill();
</script>

在這段代碼中，我們使用了HTML5的<canvas>標簽來創(chuàng)建畫布。然后，我們使用JavaScript獲取了畫布并獲取了CanvasRenderingContext2D來繪制形狀。該愛心形狀是通過在畫布上繪制多個圓并連接它們來完成的。

最后，我們填充了愛心形狀的顏色，使它成為一個完整的可愛的紅色的愛心。HTML5允許我們使用Canvas API在網(wǎng)頁上繪制出漂亮的圖形和動畫，這樣我們就可以讓我們的網(wǎng)站更加生動有趣。