HTML5愛心代碼

/* 定義愛心函數 */
function drawHeart(ctx, x, y, size) {
ctx.beginPath();
ctx.fillStyle = "red";
ctx.moveTo(x, y);
ctx.bezierCurveTo(x + size, y - size, x + size * 2, y + size, x, y + size * 2);
ctx.bezierCurveTo(x - size * 2, y + size, x - size, y - size, x, y);
ctx.fill();
}
/* 獲取Canvas元素 */
var canvas = document.getElementById("myCanvas");
var ctx = canvas.getContext("2d");
/* 繪制愛心 */
drawHeart(ctx, 50, 50, 20);
/* 在HTML中添加Canvas元素 */
<canvas id="myCanvas" width="100" height="100"></canvas>

以上是HTML5繪制愛心的代碼，通過定義繪制愛心的函數，設置Canvas元素并獲取其應用，最后在HTML中添加Canvas元素，即可在網頁上顯示出一個可愛的愛心。