鸿蒙OpenHarmony【SVG标签说明】状态管理与渲染控制

最新推荐文章于 2025-06-20 13:52:41 发布

hhhhhh2323

最新推荐文章于 2025-06-20 13:52:41 发布

阅读量810

点赞数 13

CC 4.0 BY-SA版权

分类专栏： 11 文章标签： harmonyos 华为鸿蒙鸿蒙系统渲染

本文链接：https://blog.csdn.net/hhhhhh2323/article/details/144058749

SVG(Scalable Vector Graphics)是可缩放矢量图形，它是一种基于XML(可扩展标记语言)的图形格式，用于描述二维图形和图像。Image组件支持的SVG矢量图涉及的元素和属性范围受限，为SVG1.1规范的部分功能。相关的元素和属性请参考如下描述：

基础形状

基础形状标签包括：、、、、、、

说明

基础标签支持通用属性

id、fill、fill-rule、fill-opacity、stroke、stroke-dasharray、stroke-dashoffset、stroke-opacity、stroke-width、stroke-linecap、stroke-linejoin、stroke-miterlimit、opacity、transform、clip-path、clip-rule

元素	说明	特有属性
	矩形	x: x轴方向偏移分量；y: y轴方向偏移分量；width: 宽度；height: 高度；rx: 圆角x轴半径；ry: 圆角y轴半径
	圆形	cx: 圆心x轴坐标；cy: 圆心y轴坐标；r: 圆形半径
	椭圆	cx: x轴坐标；cy: y轴坐标；rx: x轴半径；ry: y轴半径
	线	x1: 起点x轴坐标；y1: 起点y轴坐标；x2: 终点x轴坐标；y2: 终点y轴坐标
	折线	point