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()方法将路径绘制出来。 以上是一个简单的曲线绘制示例。根据不同的需求，可以使用不同的路径和填充颜色、线条颜色等方式，创建更加复杂的曲线。