HTML 畫畫代碼 HTML 是一種超文本標記語言，可以用來創建網頁內容。但是，它也能用來畫畫！我們可以使用 HTML 的 canvas 元素來繪制各種形狀和圖形。 首先，我們需要在 HTML 文件中添加一個 canvas 元素。canvas 元素是一個矩形框架，我們可以在里面繪制圖形。我們可以通過設置它的寬度和高度來控制它的大小。

<canvas id="myCanvas" width="500" height="500"></canvas>

接著，我們需要使用 JavaScript 來畫圖。我們可以在 <script> 和 </script> 標簽之間添加代碼來實現這個功能。下面的代碼可以在 canvas 上繪制一條直線。

<script>
const canvas = document.getElementById('myCanvas');
const ctx = canvas.getContext('2d');
ctx.moveTo(0,0);
ctx.lineTo(500,500);
ctx.stroke();
</script>

在這段代碼中，我們首先獲取了 canvas 元素，并將其上下文設置為“2d”。我們使用 moveTo() 方法將畫筆移到畫布的左上角，然后使用 lineTo() 方法將畫筆移動到畫布的右下角。最后，我們使用 stroke() 方法來繪制線條。 除了直線之外，我們還可以使用其他方法來繪制形狀。例如，我們可以使用 arc() 方法繪制一個圓形或弧形。

<script>
const canvas = document.getElementById('myCanvas');
const ctx = canvas.getContext('2d');
ctx.beginPath();
ctx.arc(250, 250, 150, 0, Math.PI*2);
ctx.stroke();
</script>

在這段代碼中，我們使用 beginPath() 方法來開始繪制路徑，并且使用 arc() 方法繪制了一個圓形。圓心的位置為 (250, 250)，半徑為 150。我們還可以設置起始角度和結束角度來繪制弧形。 HTML 畫圖并不是最優秀的方式，一些復雜的圖像可能最好使用獨立的圖像編輯器。但是，它是一個非常好的工具，可以用來創建動畫、實時生成圖形和圖表等。 以上就是 HTML 畫畫的一些代碼示例，嘗試在自己的項目中使用這些示例，為你的網站添加更好的視覺效果！