小程序中线怎么写代码

在微信小程序中，可以使用Canvas组件来绘制线条。以下是一个简单的示例，展示如何在小程序中绘制一条线：

在页面结构中添加Canvas组件

```html

```

在页面逻辑中绘制线条

```javascript

Page（{

onReady: function （） {

const ctx = wx.createCanvasContext（'myCanvas'）； // 获取Canvas上下文

// 开始路径

ctx.beginPath（）；

// 设置起点

ctx.moveTo（50, 50）；

// 设置终点

ctx.lineTo（250, 200）；

// 设置线条样式

ctx.setStrokeStyle（'blue'）；

ctx.setLineWidth（5）；

// 绘制直线

ctx.stroke（）；

// 将绘制的内容呈现到Canvas上

ctx.draw（）；

}

}）；

```

在这个示例中，我们首先在页面的结构中添加了一个``组件，并设置了其`canvas-id`为`myCanvas`。然后在页面的`onReady`生命周期钩子中，我们通过`wx.createCanvasContext`获取Canvas的上下文，并使用`beginPath`、`moveTo`、`lineTo`、`setStrokeStyle`、`setLineWidth`和`stroke`方法来绘制一条从点（50, 50）到点（250, 200）的蓝色直线。最后，调用`draw`方法将绘制的内容呈现到Canvas上。

你可以根据需要调整起点、终点和线条样式，以实现不同的线条效果。