HTML畫曲線代碼 在HTML中，可以使用Canvas元素來繪制曲線。Canvas是一個HTML元素，可以使用JavaScript來在其上繪制圖形，包括曲線。下面是一個簡單的HTML代碼示例，展示如何使用Canvas元素繪制一條曲線：

以下是繪制一條曲線的HTML代碼示例：

<canvas id="myCanvas" width="200" height="100"></canvas>
<script>
var canvas = document.getElementById('myCanvas');
var context = canvas.getContext('2d');
context.beginPath();
context.moveTo(20, 50);
context.quadraticCurveTo(100, 0, 180, 50);
context.stroke();
</script>

首先，創建一個Canvas元素，并指定其寬度和高度。然后使用JavaScript獲取該元素的引用，并將其上下文設置為2D模式。此后，使用beginPath()方法開始繪制路徑，然后通過moveTo()方法將起點移動到(20,50)。接著，使用quadraticCurveTo()方法繪制二次貝塞爾曲線，其中第一個參數是控制點X坐標，第二個參數是控制點Y坐標，第三個參數是結束點X坐標，第四個參數是結束點Y坐標。最后，使用stroke()方法將路徑繪制出來。 以上是一個簡單的曲線繪制示例。根據不同的需求，可以使用不同的路徑和填充顏色、線條顏色等方式，創建更加復雜的曲線。