HarmonyOS鸿蒙Next优化建议-ArkUI的SVG标签说明文档<g>元素说明需要优化

HarmonyOS鸿蒙Next优化建议-ArkUI的SVG标签说明文档<g>元素说明需要优化 【问题描述】：表格中<g>标签支持的属性实际并不支持

链接：https://developer.huawei.com/consumer/cn/doc/harmonyos-references/ts-basic-svg

原文：x：x轴偏移分量；y：y轴偏移分量；width：宽度；height：高度

【问题现象】：本文档声明的SVG1.1规范中，<g>元素不存在x、y等属性，需通过transform修改位置，参考https://www.w3.org/TR/SVG11/struct.html#GElement

cke_2206.png

【版本信息】：不涉及

【复现代码】：不涉及


更多关于HarmonyOS鸿蒙Next优化建议-ArkUI的SVG标签说明文档<g>元素说明需要优化的实战教程也可以访问 https://www.itying.com/category-93-b0.html

4 回复

尊敬的开发者，您好！感谢您的反馈，问题正在加速处理中，还请关注后续版本，感谢您的理解与支持。

更多关于HarmonyOS鸿蒙Next优化建议-ArkUI的SVG标签说明文档<g>元素说明需要优化的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html


等官方回复吧

ArkUI 的 SVG 文档中 <g> 元素说明存在不足：未完整列出支持的属性（如 id、transform、fill、stroke、opacity 等），缺少分组嵌套规则及与子元素属性继承关系的明确描述，且未提供典型使用示例，导致开发者难以准确理解其行为与限制，影响开发效率。

ArkUI SVG的<g>元素遵循SVG 1.1规范，不支持x、y、width、height属性。文档中列出的这些属性属于文档编写错误，实际使用会无效。要实现位置偏移和缩放，应通过transform属性设置，例如：

Svg() {
  G()
    .transform('translate(10, 20) scale(1.5)')
    .fill('#f00')
    .appendChild(Rect().width(50).height(50))
}

若需变换整个组，优先使用transform；如仅需调整个别子元素，可直接在子元素上设置坐标或尺寸。该文档错误将在后续版本修正。

回到顶部