HarmonyOS 鸿蒙Next Path的commands里的左边是如何定义相对哪里的

发布于 1周前 作者 phonegap100 来自 鸿蒙OS

HarmonyOS 鸿蒙Next Path的commands里的左边是如何定义相对哪里的

struct WaveAnim { build() { Path() .width(‘100%’) .height(‘30’) .commands(‘M0 30 Q100 100 200 20’) .fillOpacity(0) .stroke(’#E91839’) .strokeWidth(1) } }

上述代码是想在【宽：满屏，高: 30vp】的范围内绘制一条波浪线，最终是想绘制三条不重叠的波浪线，配上动画实现水波纹的效果，

  1. commands命令中的入参坐标范围是如何定义，比如范围高度定的是30， 但是命令左边移动到0,30 并不是从左下角的坐标点，该如何理解坐标点的取值范围

  2. 有无实现参考如果实现水波纹动画（三条二次贝塞尔曲线）上下波动的动画效果


更多关于HarmonyOS 鸿蒙Next Path的commands里的左边是如何定义相对哪里的的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html

Harmonyos Next教程
2 回复

commands的坐标是相对于Path组件的坐标位置，以Path组件左上角为（0,0）点，commands的文档：https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V5/ts-drawing-components-path-V5#commands-1

绘制水波纹可以通过计时器：setInterval 调用以下代码实现：

getPath() {
  let path = '';
  let R = 80;
  for (let i = 0; i < 600; i++) {
    let dataS = new Date().getUTCMilliseconds();
    let T = Math.PI*4
    let y = 50+ R*Math.sin(T*(dataS/1000-i/600));
    if (i == 0) {
      path = `M${i} ${y}`;
    } else {
      path = `${path} ${i} ${y}`;
    }
  }
}

更多关于HarmonyOS 鸿蒙Next Path的commands里的左边是如何定义相对哪里的的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html


在HarmonyOS（鸿蒙）系统中，关于Next Path的commands里左边的相对定义，通常是指这些命令或路径参数相对于某个基准点或上下文进行解析。在鸿蒙系统或任何操作系统的上下文中，路径的定义通常遵循以下原则：

  1. 相对当前目录：在没有明确指定基准路径时，路径通常被解释为相对于当前工作目录。这意味着，如果你在shell或命令行界面中执行命令，并且命令中包含相对路径，那么这个路径会被解释为从你当前所在的目录开始。

  2. 相对环境变量：某些命令或脚本可能会使用环境变量来定义基准路径。例如，某些应用或脚本可能会设置环境变量来指定资源或配置的存储位置。

  3. 相对特定配置：在鸿蒙系统的某些组件或应用中，路径可能是相对于特定配置或上下文的。这通常涉及到配置文件或应用内部的逻辑，用于确定资源的相对位置。

在鸿蒙系统中，理解和使用相对路径时，重要的是要清楚你的当前上下文或工作目录，以及任何可能影响路径解析的环境变量或配置。

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

回到顶部