HarmonyOS 没有ViewBox组件吗?或者 Path 组件提供设置 viewBox 的能力?

使用 Path 组件时,路径参数往往直接从设计稿中复制,但是 Path 组件的 commands 参数需要的是 px 为单位的数据。两者需要转换。而且由于路径参数过多,很难批量转换。

建议支持 viewBox 属性,使得 Commands 根据 viewbox 参照系绘制,再根据整体的 width/height 缩放。https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V5/ts-drawing-components-path-V5\#commands

预期用法:

Path({
  viewBox: {height: 100, width: 100}
})
  .commands("M7.16835 3.20914C7.51676 2.54879 8.46249 2.54879 8.8109")
  .width(16)
  .height(16)
阅读 437
1 个回答

path暂不支持ViewBox组件,可以将变量转换成组件的commands,参考下面用法

.commands(`M 0 0 L 0 ${this.radius}`}

或者用vp2px和px2vp来转换单位,注意转换过程中的小数

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进