使用 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)
path暂不支持ViewBox组件,可以将变量转换成组件的commands,参考下面用法
或者用vp2px和px2vp来转换单位,注意转换过程中的小数