SVG 绘制曲折线

本节我们来学习如何在 SVG 中绘制曲折线,绘制曲折线可以使用 元素来实现。

如何绘制曲折线

曲折线就是通过一系列的直线连接多个点,然后组合成任意形状。曲折线可以通过 SVG 中的 元素来绘制。 元素中的 points 属性用于定义绘制折线所需的点列表,即 xy 坐标对。x 坐标和 y 坐标之间使用逗号分隔,坐标对之间使用空格分隔。

语法格式:

<polyline points="x1,y1 x2,y2 x3,y3 ... xn,yn">polyline>
示例:

通过五个点创建一个曲折线:


<html>
    <head>
        <meta charset="utf-8">
        <title>SVG学习(9xkd.com)title

你可能感兴趣的:(SVG,svg)