html5月亮代碼

月亮是自然界中最神秘和美麗的事物之一，下面就是使用html5標簽編寫的月亮代碼。

<canvas id="canvas" width="500" height="500"></canvas>
// 獲取畫布上下文對象
var canvas = document.getElementById('canvas');
var context = canvas.getContext('2d');
// 繪制月亮
context.beginPath();
context.arc(250, 250, 150, 0, 2*Math.PI);
context.fillStyle = "#F8C92B";
context.strokeStyle = "#F8C92B";
context.closePath();
context.fill();
context.stroke();
context.beginPath();
context.arc(200, 200, 60, 0, 2*Math.PI);
context.fillStyle = "#F8C92B";
context.strokeStyle = "#F8C92B";
context.closePath();
context.fill();
context.stroke();
context.beginPath();
context.arc(300, 200, 60, 0, 2*Math.PI);
context.fillStyle = "#F8C92B";
context.strokeStyle = "#F8C92B";
context.closePath();
context.fill();
context.stroke();

以上代碼使用canvas標簽創建一個畫布，然后使用JavaScript獲取畫布的上下文對象，最后繪制尺寸較大的圓形作為月亮，以及兩個較小的圓形作為月亮上的陰影。

HTML5新增了很多有趣的標簽和API，提供了更加便捷和靈活的網頁開發方式，讓我們一起體驗html5的魅力吧！