如何使用直线绘制曲线 无需绘图软件的实现方法

你需要实现的效果分为两类，一类是折线逼近曲线（通过密集短直线拼接直接还原曲线轨迹），另一类是你示例图中的直线包络生成曲线（通过多段直线的边缘组合出曲线视觉效果），都可以通过以下几种无需专业绘图软件的方案实现：

方案1：办公软件实现（零代码门槛） #

• 表格工具（Excel、WPS表格等）：
  首先在表格里按规律生成对应坐标点：如果是做折线逼近曲线，A列按固定步长输入X轴数值，B列用公式计算对应Y轴数值（比如正弦曲线就用SIN()函数，抛物线用=A1^2），选中两列数据插入带直线的散点图即可，步长越小直线段越多，最终效果越接近平滑曲线。如果是做包络曲线，只要按包络的端点规律生成两列坐标，再插入折线图即可。
• 文档/演示工具（Word、PPT、WPS文字等）：
  插入「任意多边形」形状，沿着你需要的曲线轨迹逐次点击生成节点，相邻节点会自动用直线连接，节点密度越高曲线效果越自然，也可以右键编辑顶点调整位置匹配需求。

方案2：轻量代码实现（适合精准控制参数） #

如果你能接受少量代码，可以实现更灵活的自定义效果：

• Python实现示例：
  依赖numpy和matplotlib库，调整步长参数即可控制直线段数量：

import numpy as np
import matplotlib.pyplot as plt
# 步长设置越小，直线段越多，曲线越平滑
x = np.arange(0, 10, 0.1)
# 可替换为任意你需要的曲线计算公式，这里以正弦曲线为例
y = np.sin(x)
plt.plot(x, y)
plt.show()

• 浏览器开发者工具实现（无需额外安装软件）：
  任意网页按F12调出开发者控制台，输入以下canvas绘图代码即可直接生成，右键生成的画布可保存图片：

// 示例：生成直线包络圆形效果
const canvas = document.createElement('canvas');
Object.assign(canvas, {width: 500, height:500});
document.body.append(canvas);
const ctx = canvas.getContext('2d');
const r = 200, cx = 250, cy = 250, count = 50;
for(let i=0; i<count; i++){
  const ang1 = i * Math.PI * 2 / count;
  const ang2 = (i + count/2) * Math.PI * 2 / count;
  ctx.moveTo(cx + Math.cos(ang1)*r, cy + Math.sin(ang1)*r);
  ctx.lineTo(cx + Math.cos(ang2)*r, cy + Math.sin(ang2)*r);
}
ctx.stroke();

内容的提问来源于stack exchange，提问作者Rizwan Ahmed