HTML5是一種用于創建網頁和Web應用程序的標準。
在HTML5中，可以使用Canvas元素進行繪圖。下面我們將演示如何使用HTML5繪制一個安卓機器人。
<!DOCTYPE html><html><!-- 創建一個Canvas元素 --><canvas id="robot" width="300" height="300"></canvas><script>var canvas = document.getElementById("robot");
var ctx = canvas.getContext("2d");
// 繪制機器人的頭部
ctx.fillStyle = "#FFD700";
ctx.fillRect(50, 50, 200, 200);
// 繪制機器人的眼睛
ctx.fillStyle = "#000000";
ctx.fillRect(100, 100, 30, 30);
ctx.fillRect(170, 100, 30, 30);
// 繪制機器人的嘴巴
ctx.beginPath();
ctx.moveTo(100, 170);
ctx.quadraticCurveTo(150, 220, 200, 170);
ctx.lineWidth = 5;
ctx.strokeStyle = "#FFD700";
ctx.stroke();
// 繪制機器人的身體
ctx.fillStyle = "#FFD700";
ctx.fillRect(75, 250, 150, 50);
// 繪制機器人的手臂
ctx.fillStyle = "#FFD700";
ctx.fillRect(25, 150, 25, 100);
ctx.fillRect(250, 150, 25, 100);
// 繪制機器人的腿
ctx.fillStyle = "#FFD700";
ctx.fillRect(125, 300, 50, 50);</html>以上代碼將繪制一個黃色的安卓機器人，包括頭部，眼睛，嘴巴，身體，手臂和腿。
通過使用Canvas元素，我們可以用HTML5輕松地繪制復雜的圖形，如圖標，圖表，甚至是動畫。這使得HTML5成為了一種極具互動性的網頁和Web應用程序開發平臺。
上一篇html5給線設置id