绘制多边形。

权限列表

子组件

支持[animate]、[animateMotion]、[animateTransform]。

属性

支持Svg组件[通用属性]和以下属性。

名称类型默认值必填描述
idstring-组件的唯一标识。
pointsstring-设置多边形的多个坐标点格式为[x1,y1 x2,y2 x3,y3]。支持属性动画,如果属性动画里设置的动效变化值的坐标个数与原始points的格式不一样,则无效

示例

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

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

Logo

讨论HarmonyOS开发技术,专注于API与组件、DevEco Studio、测试、元服务和应用上架分发等。

更多推荐