HTML5提供給我們許多新特性，其中包含了非常實用的抽獎功能。那么，我們應該如何編寫抽獎代碼呢？

//首先，我們需要使用HTML5的canvas元素來作為抽獎界面
<canvas id="lottery" width="600" height="400"></canvas>
//接下來，我們需要使用JavaScript來編寫抽獎邏輯
//獲取canvas元素
var canvas = document.getElementById("lottery");
//獲取canvas的繪圖上下文
var ctx = canvas.getContext("2d");
//設置畫筆顏色
ctx.fillStyle = "#FF0000";
//繪制圓形
ctx.beginPath();
ctx.arc(300, 200, 50, 0, 2*Math.PI);
ctx.fill();
//設置字體樣式
ctx.font = "bold 30px Arial";
//設置繪制文本的顏色
ctx.fillStyle = "#FFFFFF";
//繪制抽獎文本
ctx.fillText("恭喜中獎！", 250, 300);
//最后，我們需要為抽獎按鈕添加點擊事件
document.getElementById("lotteryBtn").addEventListener("click", function(){
//隨機獲取抽獎結果
var result = Math.ceil(Math.random() * 100);
if(result<= 10){
//中獎
ctx.fillText("恭喜中獎！", 250, 300);
}else{
//未中獎
ctx.fillText("很遺憾，未中獎。", 220, 300);
}
});