JSRUN 用代码说话

曲线

编辑教程

曲线

<polyline> 元素表示曲线,即一组连接在一起的直线,它可以有很多的点,所有点的位置都放在同一个 points 属性中:

SVG 曲线 - <polyline>

实例

<polyline> 元素是用于创建任何只有直线的形状:

<svg xmlns="http://www.w3.org/2000/svg" version="1.1">
  <polyline points="20,20 40,25 60,40 80,120 120,140 200,180"
  style="fill:none;stroke:black;stroke-width:3" />
</svg>

提示:point 表示点集数列,每个数字用空白、逗号、终止命令符或者换行符分隔开。

实例

只有直线的另一个例子:

<svg xmlns="http://www.w3.org/2000/svg" version="1.1">
  <polyline points="0,40 40,40 40,80 80,80 80,120 120,120 120,160"
  style="fill:white;stroke:red;stroke-width:4"/>
</svg>
JSRUN闪电教程系统是国内最先开创的教程维护系统, 所有工程师都可以参与共同维护的闪电教程,让知识的积累变得统一完整、自成体系。 大家可以一起参与进共编,让零散的知识点帮助更多的人。
X
支付宝
9.99
无法付款,请点击这里
金额: 0
备注:
转账时请填写正确的金额和备注信息,到账由人工处理,可能需要较长时间
如有疑问请联系QQ:565830900
正在生成二维码, 此过程可能需要15秒钟