polyline

绘制折线。

说明: 从API Version 7 开始支持。

权限列表

子组件

支持animate、animateMotion、animateTransform。

属性

支持所列的Svg组件通用属性和以下表格的属性。

名称

类型

默认值

必填

描述

id

string

-

组件的唯一标识。

points

string

-

设置折线的多个坐标点

格式为[x1,y1 x2,y2 x3,y3]。

支持属性动画,如果属性动画里设置的动效变化值的坐标个数与原始points的格式不一样,则无效

示例

<!-- xxx.hml -->
<div class="container">
    <svg fill="white" stroke="blue" width="400" height="400">
        <polyline points="10,110 60,35 60,85 110,10" fill="red"></polyline>
        <polyline points="10,200 60,125 60,175 110,100" stroke-dasharray="10 5" stroke-dashoffset="3"></polyline>
    </svg>
</div>