原生js 写一个曲线图
时间: 2023-03-27 15:03:08 浏览: 159
一个由JS实现的曲线图
好的,我可以回答这个问题。要绘制曲线图,可以使用 canvas 元素和原生 JavaScript。首先,需要创建一个 canvas 元素,并设置它的宽度和高度。然后,使用 getContext() 方法获取 canvas 的上下文,以便在上面绘制图形。接下来,可以使用 moveTo() 和 lineTo() 方法绘制曲线。最后,使用 stroke() 方法将曲线绘制出来。具体的代码实现可以参考以下示例:
```
var canvas = document.getElementById("myCanvas");
var ctx = canvas.getContext("2d");
ctx.beginPath();
ctx.moveTo(, );
ctx.quadraticCurveTo(50, 100, 100, );
ctx.stroke();
```
这段代码将在 canvas 上绘制一条二次曲线,起点坐标为 (,),控制点坐标为 (50,100),终点坐标为 (100,)。
阅读全文