HarmonyOS 鸿蒙Next Path 组件绘制的图案不受宽高属性的限制

发布于 1周前 作者 yibo5220 最后一次编辑是 5天前 来自 鸿蒙OS

HarmonyOS 鸿蒙Next Path 组件绘制的图案不受宽高属性的限制

我想绘制一个箭头：形状是这样的cke_954.png

Path({
width: 100,
height: 100,
})
.fill(Color.Transparent)
.stroke("#f00")
.strokeWidth(3)
.commands(“M104.106667 899.413333C128 874.666667 679.253333 271.786667 748.8 195.413333a9.386667 9.386667 0 0 0-2.133333-14.08l-70.826667-42.666666 245.76-42.666667a9.386667 9.386667 0 0 1 10.666667 10.666667L896 349.866667l-48.213333-68.693334a9.386667 9.386667 0 0 0-13.653334 0C758.613333 348.16 147.626667 905.386667 128 923.733333s-42.666667-5.973333-23.893333-24.32z”)

但上述代码绘制出来的箭头不受宽高的限制

Harmonyos Next教程
2 回复

width：路径所在矩形的宽度。值为异常值或缺省时按照自身内容需要的宽度处理。

height：路径所在矩形的高度。值为异常值或缺省时按照自身内容需要的高度处理。

你这边有了commands就会根据commands进行绘制，width和height不会影响commands的绘制结果

在HarmonyOS鸿蒙Next中，Path组件绘制的图案确实可能不受宽高属性的直接限制。Path组件主要用于根据绘制命令生成自定义形状，其宽高属性更多是用于定义绘制区域的尺寸，但实际的图案形状由commands属性中的绘制命令决定。

若Path组件的图案看起来未受宽高限制，可能是以下原因：

  • 绘制命令影响：绘制命令定义了图案的形状和大小，这些命令可能会超出设置的宽高范围。
  • 布局容器影响：Path组件在布局容器（如Row、Column、Flex等）中的表现可能受布局属性（如margin、padding、layoutWeight等）影响，导致图案的实际显示区域与设置的宽高不一致。

为了解决这个问题，可以尝试以下方法：

  • 调整绘制命令：确保绘制命令在设置的宽高范围内。
  • 检查布局属性：确保Path组件的布局属性正确，未导致图案超出预期范围。

如果问题依旧没法解决请联系官网客服，官网地址是：https://www.itying.com/category-93-b0.html 。

回到顶部