鸿蒙5.0开发进阶：UI框架-ArkTS组件（Path2D）

最新推荐文章于 2025-11-25 07:32:23 发布
原创 最新推荐文章于 2025-11-25 07:32:23 发布 · 792 阅读 · 19 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#harmonyos #华为 #android #鸿蒙系统 #ArkUI #ArkTS #前端

往期鸿蒙5.0全套实战文章必看：（文中附带全栈鸿蒙5.0学习资料）

Path2D

路径对象，支持通过对象的接口进行路径的描述，并通过Canvas的stroke接口或者fill接口进行绘制。

说明

从 API Version 8 开始支持。后续版本如有新增内容，则采用上角标单独标记该内容的起始版本。

接口

Path2D(unit?: LengthMetricsUnit)

构造一个空的Path2D对象。

卡片能力： 从API version 9开始，该接口支持在ArkTS卡片中使用。

元服务API： 从API version 11开始，该接口支持在元服务中使用。

系统能力： SystemCapability.ArkUI.ArkUI.Full

参数：

参数名类型必填说明
unit12+LengthMetricsUnit否

用来配置Path2D对象的单位模式，配置后无法动态更改，配置方法同CanvasRenderingContext2D。

默认值：DEFAULT。

Path2D(description: string, unit?: LengthMetricsUnit)

使用符合SVG路径描述规范的路径字符串构造一个Path2D对象。

卡片能力： 从API version 9开始，该接口支持在ArkTS卡片中使用。

元服务API： 从API version 11开始，该接口支持在元服务中使用。

系统能力： SystemCapability.ArkUI.ArkUI.Full

参数：

参数名类型必填说明
descriptionstring是符合 SVG 路径描述规范的路径字符串
unit12+LengthMetricsUnit否

用来配置Path2D对象的单位模式，配置后无法动态更改，配置方法同CanvasRenderingContext2D。

默认值：DEFAULT。

addPath

addPath(path: Path2D, transform?: Matrix2D): void

将另一个路径添加到当前的路径对象中。

卡片能力： 从API version 9开始，该接口支持在ArkTS卡片中使用。

元服务API： 从API version 11开始，该接口支持在元服务中使用。

系统能力： SystemCapability.ArkUI.ArkUI.Full

参数：

参数名类型必填说明
pathPath2D是需要添加到当前路径的路径对象，路径单位：px。
transformMatrix2D否

新增路径的变换矩阵对象。

默认值：null。

示例：

// xxx.ets
@Entry
@Component
struct AddPath {
  private settings: RenderingContextSettings = new RenderingContextSettings(true)
  private context: CanvasRenderingContext2D = new CanvasRenderingContext2D(this.settings)

  private path2Da: Path2D = new Path2D("M250 150 L150 350 L350 350 Z")
  private path2Db: Path2D = new Path2D()

  build() {
    Flex({ direction: FlexDirection.Column, alignItems: ItemAlign.Center, justifyContent: FlexAlign.Center }) {
      Canvas(this.context)
        .width('100%')
        .height('100%')
        .backgroundColor('#ffff00')
        .onReady(() =>{
          this.path2Db.addPath(this.path2Da)
          this.context.stroke(this.path2Db)
        })
    }
    .width('100%')
    .height('100%')
  }
}

closePath

closePath(): void

将路径的当前点移回到路径的起点，当前点到起点间画一条直线。如果形状已经闭合或只有一个点，则此功能不执行任何操作。

卡片能力： 从API version 9开始，该接口支持在ArkTS卡片中使用。

元服务API： 从API version 11开始，该接口支持在元服务中使用。

系统能力： SystemCapability.ArkUI.ArkUI.Full

示例：

// xxx.ets
@Entry
@Component
struct ClosePath {
  private settings: RenderingContextSettings = new RenderingContextSettings(true)
  private context: CanvasRenderingContext2D = new CanvasRenderingContext2D(this.settings)
  private path2Db: Path2D = new Path2D()

  build() {
    Flex({ direction: FlexDirection.Column, alignItems: ItemAlign.Center, justifyContent: FlexAlign.Center }) {
      Canvas(this.context)
        .width('100%')
        .height('100%')
        .backgroundColor('#ffff00')
        .onReady(() =>{
          this.path2Db.moveTo(200, 100)
          this.path2Db.lineTo(300, 100)
          this.path2Db.lineTo(200, 200)
          this.path2Db.closePath()
          this.context.stroke(this.path2Db)
        })
    }
    .width('100%')
    .height('100%')
  }
}

moveTo

moveTo(x: number, y: number): void

将路径的当前坐标点移动到目标点，移动过程中不绘制线条。

卡片能力： 从API version 9开始，该接口支持在ArkTS卡片中使用。

元服务API： 从API version 11开始，该接口支持在元服务中使用。

系统能力： SystemCapability.ArkUI.ArkUI.Full

参数：

参数类型必填描述
xnumber是

目标点X轴坐标。

默认单位：vp。

ynumber是

目标点Y轴坐标。

默认单位：vp。

示例：

// xxx.ets
@Entry
@Component
struct MoveTo {
  private settings: RenderingContextSettings = new RenderingContextSettings(true)
  private context: CanvasRenderingContext2D = new CanvasRenderingContext2D(this.settings)
  private path2Db: Path2D = new Path2D()

  build() {
    Flex({ direction: FlexDirection.Column, alignItems: ItemAlign.Center, justifyContent: FlexAlign.Center }) {
      Canvas(this.context)
        .width('100%')
        .height('100%')
        .backgroundColor('#ffff00')
        .onReady(() =>{
          this.path2Db.moveTo(50, 100)
          this.path2Db.lineTo(250, 100)
          this.path2Db.lineTo(150, 200)
          this.path2Db.closePath()
          this.context.stroke(this.path2Db)
        })
    }
    .width('100%')
    .height('100%')
  }
}

lineTo

lineTo(x: number, y: number): void

从当前点绘制一条直线到目标点。

卡片能力： 从API version 9开始，该接口支持在ArkTS卡片中使用。

元服务API： 从API version 11开始，该接口支持在元服务中使用。

系统能力： SystemCapability.ArkUI.ArkUI.Full

参数：

参数名类型必填说明
xnumber是

目标点X轴坐标。

默认单位：vp。

ynumber是

目标点Y轴坐标。

默认单位：vp。

示例：

// xxx.ets
@Entry
@Component
struct LineTo {
  private settings: RenderingContextSettings = new RenderingContextSettings(true)
  private context: CanvasRenderingContext2D = new CanvasRenderingContext2D(this.settings)
  private path2Db: Path2D = new Path2D()

  build() {
    Flex({ direction: FlexDirection.Column, alignItems: ItemAlign.Center, justifyContent: FlexAlign.Center }) {
      Canvas(this.context)
        .width('100%')
        .height('100%')
        .backgroundColor('#ffff00')
        .onReady(() =>{
          this.path2Db.moveTo(100, 100)
          this.path2Db.lineTo(100, 200)
          this.path2Db.lineTo(200, 200)
          this.path2Db.lineTo(200, 100)
          this.path2Db.closePath()
          this.context.stroke(this.path2Db)
        })
    }
    .width('100%')
    .height('100%')
  }
}

bezierCurveTo

bezierCurveTo(cp1x: number, cp1y: number, cp2x: number, cp2y: number, x: number, y: number): void

创建三次贝赛尔曲线的路径。

卡片能力： 从API version 9开始，该接口支持在ArkTS卡片中使用。

元服务API： 从API version 11开始，该接口支持在元服务中使用。

系统能力： SystemCapability.ArkUI.ArkUI.Full

参数：

参数名类型必填说明
cp1xnumber是

第一个贝塞尔参数的x坐标值。

默认单位：vp。

cp1ynumber是

第一个贝塞尔参数的y坐标值。

默认单位：vp。

cp2xnumber是

第二个贝塞尔参数的x坐标值。

默认单位：vp。

cp2ynumber是

第二个贝塞尔参数的y坐标值。

默认单位：vp。

xnumber是

路径结束时的x坐标值。

默认单位：vp。

ynumber是

路径结束时的y坐标值。

默认单位：vp。

示例：

// xxx.ets
@Entry
@Component
struct BezierCurveTo {
  private settings: RenderingContextSettings = new RenderingContextSettings(true)
  private context: CanvasRenderingContext2D = new CanvasRenderingContext2D(this.settings)
  private path2Db: Path2D = new Path2D()

  build() {
    Flex({ direction: FlexDirection.Column, alignItems: ItemAlign.Center, justifyContent: FlexAlign.Center }) {
      Canvas(this.context)
        .width('100%')
        .height('100%')
        .backgroundColor('#ffff00')
        .onReady(() =>{
          this.path2Db.moveTo(10, 10)
          this.path2Db.bezierCurveTo(20, 100, 200, 100, 200, 20)
          this.context.stroke(this.path2Db)
        })
    }
    .width('100%')
    .height('100%')
  }
}

quadraticCurveTo

quadraticCurveTo(cpx: number, cpy: number, x: number, y: number): void

创建二次贝赛尔曲线的路径。

卡片能力： 从API version 9开始，该接口支持在ArkTS卡片中使用。

元服务API： 从API version 11开始，该接口支持在元服务中使用。

系统能力： SystemCapability.ArkUI.ArkUI.Full

参数：

参数名类型必填说明
cpxnumber是

贝塞尔参数的x坐标值。

默认单位：vp。

cpynumber是

贝塞尔参数的y坐标值。

默认单位：vp。

xnumber是

路径结束时的x坐标值。

默认单位：vp。

ynumber是

路径结束时的y坐标值。

默认单位：vp。

示例：

// xxx.ets
@Entry
@Component
struct QuadraticCurveTo {
  private settings: RenderingContextSettings = new RenderingContextSettings(true)
  private context: CanvasRenderingContext2D = new CanvasRenderingContext2D(this.settings)
  private path2Db: Path2D = new Path2D()

  build() {
    Flex({ direction: FlexDirection.Column, alignItems: ItemAlign.Center, justifyContent: FlexAlign.Center }) {
      Canvas(this.context)
        .width('100%')
        .height('100%')
        .backgroundColor('#ffff00')
        .onReady(() =>{
          this.path2Db.moveTo(10, 10)
          this.path2Db.quadraticCurveTo(100, 100, 200, 20)
          this.context.stroke(this.path2Db)
      })
    }
    .width('100%')
    .height('100%')
  }
}

arc

arc(x: number, y: number, radius: number, startAngle: number, endAngle: number, counterclockwise?: boolean): void

绘制弧线路径。

卡片能力： 从API version 9开始，该接口支持在ArkTS卡片中使用。

元服务API： 从API version 11开始，该接口支持在元服务中使用。

系统能力： SystemCapability.ArkUI.ArkUI.Full

参数：

参数名类型必填说明
xnumber是

弧线圆心的x坐标值。

默认单位：vp。

ynumber是

弧线圆心的y坐标值。

默认单位：vp。

radiusnumber是

弧线的圆半径。

默认单位：vp。

startAnglenumber是

弧线的起始弧度。

单位：弧度。

endAnglenumber是

弧线的终止弧度。

单位：弧度。

counterclockwiseboolean否

是否逆时针绘制圆弧。

true:逆时针方向绘制椭圆。

false:顺时针方向绘制椭圆。

默认值：false。

示例：

// xxx.ets
@Entry
@Component
struct Arc {
  private settings: RenderingContextSettings = new RenderingContextSettings(true)
  private context: CanvasRenderingContext2D = new CanvasRenderingContext2D(this.settings)
  private path2Db: Path2D = new Path2D()

  build() {
    Flex({ direction: FlexDirection.Column, alignItems: ItemAlign.Center, justifyContent: FlexAlign.Center }) {
      Canvas(this.context)
        .width('100%')
        .height('100%')
        .backgroundColor('#ffff00')
        .onReady(() =>{
          this.path2Db.arc(100, 75, 50, 0, 6.28)
          this.context.stroke(this.path2Db)
        })
    }
    .width('100%')
    .height('100%')
  }
}

arcTo

arcTo(x1: number, y1: number, x2: number, y2: number, radius: number): void

依据圆弧经过的点和圆弧半径创建圆弧路径。

卡片能力： 从API version 9开始，该接口支持在ArkTS卡片中使用。

元服务API： 从API version 11开始，该接口支持在元服务中使用。

系统能力： SystemCapability.ArkUI.ArkUI.Full

参数：

参数名类型必填说明
x1number是

圆弧经过的第一个点的x坐标值。

默认单位：vp。

y1number是

圆弧经过的第一个点的y坐标值。

默认单位：vp。

x2number是

圆弧经过的第二个点的x坐标值。

默认单位：vp。

y2number是

圆弧经过的第二个点的y坐标值。

默认单位：vp。

radiusnumber是

圆弧的圆半径值。

默认单位：vp。

示例：

// xxx.ets
@Entry
@Component
struct ArcTo {
  private settings: RenderingContextSettings = new RenderingContextSettings(true)
  private context: CanvasRenderingContext2D = new CanvasRenderingContext2D(this.settings)
  private path2Db: Path2D = new Path2D()

  build() {
    Flex({ direction: FlexDirection.Column, alignItems: ItemAlign.Center, justifyContent: FlexAlign.Center }) {
      Canvas(this.context)
        .width('100%')
        .height('100%')
        .backgroundColor('#ffff00')
        .onReady(() =>{
          this.path2Db.arcTo(150, 20, 150, 70, 50)
          this.context.stroke(this.path2Db)
        })
    }
    .width('100%')
    .height('100%')
  }
}

ellipse

ellipse(x: number, y: number, radiusX: number, radiusY: number, rotation: number, startAngle: number, endAngle: number, counterclockwise?: boolean): void

在规定的矩形区域绘制一个椭圆。

卡片能力： 从API version 9开始，该接口支持在ArkTS卡片中使用。

元服务API： 从API version 11开始，该接口支持在元服务中使用。

系统能力： SystemCapability.ArkUI.ArkUI.Full

参数：

参数名类型必填说明
xnumber是

椭圆圆心的x轴坐标。

默认单位：vp。

ynumber是

椭圆圆心的y轴坐标。

默认单位：vp。

radiusXnumber是

椭圆x轴的半径长度。

默认单位：vp。

radiusYnumber是

椭圆y轴的半径长度。

默认单位：vp。

rotationnumber是

椭圆的旋转角度。

单位：弧度。

startAnglenumber是

椭圆绘制的起始点角度。

单位：弧度。

endAnglenumber是

椭圆绘制的结束点角度。

单位：弧度。

counterclockwiseboolean否

是否以逆时针方向绘制椭圆。

true:逆时针方向绘制椭圆。

false:顺时针方向绘制椭圆。

默认值：false。

示例：

// xxx.ets
@Entry
@Component
struct CanvasExample {
  private settings: RenderingContextSettings = new RenderingContextSettings(true)
  private context: CanvasRenderingContext2D = new CanvasRenderingContext2D(this.settings)
  private path2Db: Path2D = new Path2D()

  build() {
    Flex({ direction: FlexDirection.Column, alignItems: ItemAlign.Center, justifyContent: FlexAlign.Center }) {
      Canvas(this.context)
        .width('100%')
        .height('100%')
        .backgroundColor('#ffff00')
        .onReady(() =>{
          this.path2Db.ellipse(200, 200, 50, 100, 0, Math.PI * 1, Math.PI*2)
          this.context.stroke(this.path2Db)
        })
    }
    .width('100%')
    .height('100%')
  }
}

rect

rect(x: number, y: number, w: number, h: number): void

创建矩形路径。

卡片能力： 从API version 9开始，该接口支持在ArkTS卡片中使用。

元服务API： 从API version 11开始，该接口支持在元服务中使用。

系统能力： SystemCapability.ArkUI.ArkUI.Full

参数：

参数名类型必填说明
xnumber是

指定矩形的左上角x坐标值。

默认单位：vp。

ynumber是

指定矩形的左上角y坐标值。

默认单位：vp。

wnumber是

指定矩形的宽度。

默认单位：vp。

hnumber是

指定矩形的高度。

默认单位：vp。

示例：

// xxx.ets
@Entry
@Component
struct CanvasExample {
  private settings: RenderingContextSettings = new RenderingContextSettings(true)
  private context: CanvasRenderingContext2D = new CanvasRenderingContext2D(this.settings)
  private path2Db: Path2D = new Path2D()

  build() {
    Flex({ direction: FlexDirection.Column, alignItems: ItemAlign.Center, justifyContent: FlexAlign.Center }) {
      Canvas(this.context)
        .width('100%')
        .height('100%')
        .backgroundColor('#ffff00')
        .onReady(() =>{
          this.path2Db.rect(20, 20, 100, 100);
          this.context.stroke(this.path2Db)
        })
    }
    .width('100%')
    .height('100%')
  }
}

鸿蒙5.0版开发：UI框架JS组件-画布组件（CanvasRenderingContext2D对象）
m0_69424697的博客
12-15 736
使用CanvasRenderingContext2D在canvas画布组件上进行绘制，绘制对象可以是矩形、文本、图片等。
鸿蒙5.0进阶开发：UI开发-自定义渲染 (XComponent)
AyomQAQ的博客
12-19 1121
XComponent组件作为一种渲染组件，可用于EGL/OpenGLES和媒体数据写入..........
鸿蒙5.0开发进阶：UI框架-ArkTS组件（Image）
Androidbye的博客
01-16 1224
Image为图片组件，常用于在应用中显示图片。
鸿蒙5.0进阶开发：UI开发-Path2D对象
AyomQAQ的博客
01-08 423
路径对象，支持通过对象的接口进行路径的描述，并通过Canvas的stroke接口进行绘制。
鸿蒙5.0版开发：ArkUI框架-Canvas开发（Path2D对象）
m0_73088370的博客
11-18 408
路径对象，支持通过对象的接口进行路径的描述，并通过Canvas的stroke接口进行绘制。
鸿蒙5.0版开发：UI框架JS组件-画布组件（Path2D对象）
m0_69424697的博客
12-16 1059
路径对象，支持通过对象的接口进行路径的描述，并通过Canvas的stroke接口进行绘制。
鸿蒙5.0进阶开发：UI开发-自定义渲染节点 (RenderNode)
AyomQAQ的博客
12-28 1065
对于不具备自己的渲染环境的三方框架，尽管已实现前端解析、布局及事件处理等功能，但仍需依赖系统的基础渲染和动画能力。
鸿蒙5.0版开发：ArkTS组件-基础组件（Image）
m0_69424697的博客
09-13 1803
Image为图片组件，常用于在应用中显示图片。
鸿蒙5.0开发进阶：UI框架-自定义渲染 (XComponent)
Androidbye的博客
09-23 1692
目前XComponent组件在type设置为“surface”时主要有两个应用场景。
Electron for HarmonyOS：跨平台底层原理探析
已掌握java全栈，简单的java项目逻辑。目前正在学习鸿蒙开发，有兴趣的小伙伴可以一起学习！！！
11-24 990
Electron 自 2013 年诞生以来，凭借 **“HTML/CSS/JS + Chromium + Node.js”** 的组合，成为桌面端跨平台开发的事实标准（VS Code、Slack、Discord 等均基于此）。而 HarmonyOS（鸿蒙）作为华为推出的全场景分布式操作系统，其应用生态以 ArkTS/JS + ArkUI + Stage 模型 为核心。
鸿蒙Cordova开发踩坑记录：LocalStorage的“失忆症“
小淼淼的博客
11-24 679
摘要：本文揭示了鸿蒙混合开发中LocalStorage数据丢失问题，发现应用更新或重签名会导致沙箱重建，使WebView存储目录失效。为解决该问题，提出基于Native Preferences的持久化方案：1）封装NativeStorage插件通过JSBridge与前端交互；2）采用双写策略同步LocalStorage与Native存储；3）启动时实施数据迁移确保兼容性。同时强调避免存储大对象、保持签名一致及合理控制flush时机等注意事项。最终建议采用"LocalStorage+Preferen
HarmonyOS在智能穿戴中的生物识别
2509_93942294的博客
11-25 360
系统能通过这些细微的、节律性的变化，不仅确认“是你”，还能推断出你的情绪压力水平、睡眠阶段甚至潜在的健康风险。举个例子，手表采集到你的心电原始数据，可以通过分布式软总线，安全地流转到你的手机上进行更复杂的算法分析（比如房颤筛查），分析结果再回流到手表显示。心电的波形，特别是P波、QRS波群、T波的形态、间隔和幅度，是比心率更为复杂和个性化的生物标识。无缝身份认证： 系统可以综合你的心率模式、活动状态等连续生物特征，在你拿起手机或靠近电脑时，实现无感的自动解锁，真正做到“你就是密码”。
【HarmonyOS 6】在UI控件上滑动也会触发onClick点击事件？
路漫漫亦无涯
11-24 100
HarmonyOS 6开发中遇到滑动触发onClick事件的问题，原因是滑动后抬起手指会触发默认点击事件。从API12开始，onClick新增distanceThreshold参数可设置移动阈值，当手指移动超过该阈值时点击识别失败。解决方案是在onClick中添加distanceThreshold参数并设置为1vp，这样轻微滑动就不会误触发点击事件。本文通过示例代码演示了问题复现和解决方法，提醒开发者注意API新特性的使用。
HarmonyOS 跨设备迁移与协同：深入技术实现与创新应用
不懂先生的博客
11-25 96
HarmonyOS 的分布式架构是其实现跨设备迁移与协同的基石。它基于“一次开发，多端部署”的理念，通过分布式软总线、分布式数据管理和分布式任务调度三大核心组件，构建了一个虚拟的“超级终端”。跨设备迁移的典型流程包括：设备发现、迁移触发、状态序列化、数据传输和状态恢复。整个过程由系统自动管理，开发者只需实现关键回调。设备发现：通过获取附近可用的设备列表。迁移触发：用户通过手势（如拖拽）或系统事件发起迁移。状态序列化：应用将当前状态（如 UI 状态、变量值）序列化为可传输的数据。数据传输。
HarmonyOS在智能电视中的语音交互
2509_93942966的博客
11-25 401
经过一周使用，语音助手能记住你的偏好——说“继续看上次那个”，它会准确恢复你三天前观看的纪录片进度。在任意界面——无论是设置菜单、影视播放还是应用列表，只需说出“查看上个月的历史记录”、“清除缓存”或“切换到游戏模式”，系统都能精准响应。笔者测试时，直接说“把亮度调到40%，色温调暖”，电视瞬间完成两项设置调整，这种效率是传统遥控器操作无法比拟的。一边看电视学做菜，手上沾满面粉时直接说“电视，暂停”、“滚动到食材清单”，整个学习过程无需触碰任何设备。一、 从“语音遥控”到“场景管家”的跨越。
HarmonyOS在智能穿戴中的健康监测
2509_93947720的博客
11-25 174
当我深夜加班时，手表持续监测我的心率变异性，手机同步记录我的工作强度，平板则生成综合健康报告——这一切都在HarmonyOS的调度下静默完成。记得有次登山，我的手表监测到血氧饱和度下降，立即通过手机的网络连接，向预设的紧急联系人发送了提醒。这种设备间的智能协作，让健康监测突破了单设备的能力边界。未来，随着更多医疗机构的接入和算法模型的优化，这种基于HarmonyOS的健康监测有望成为每个人身边的私人健康顾问。在这个过程中，我们看到的不仅是一个操作系统的进化，更是智能科技与健康生活方式的深度交融。
HarmonyOS在智能车载中的导航系统
最新发布
2509_93945680的博客
11-25 476
用户无需下载完整APP，需要查充电桩、找停车场时，直接唤醒对应服务卡片，用完即走，不占内存，却享受全量功能。但方向已经清晰：HarmonyOS正推动车载导航从“静态地图展示”走向“动态场景服务”，从“单一功能模块”升级为“出行中枢神经”。下一次当你坐进搭载HarmonyOS的汽车，或许会发现导航不再是你需要操作的功能，而是一位真正懂路、懂车、懂你的沉默领航员。在确保隐私安全的前提下，HarmonyOS能通过匿名化采集脱敏数据（如急刹车位置、频繁变道路段），结合云端AI分析，动态优化路线算法。
HarmonyOS在智能汽车中的V2X通信
2509_93942660的博客
11-25 362
某次测试中，我们通过HarmonyOS的原子化服务特性，让车辆在通过十字路口时直接调用路侧摄像头的实时视频流，这种打破设备边界的体验确实让人眼前一亮。在通信协议适配层，HarmonyOS搞了个很有意思的设计。我们在路测时发现，基于HarmonyOS的终端在接收V2X消息时会执行三重验证：首先是证书链验证，接着对发送方设备进行可信环境检测，最后还会对消息内容进行场景合理性分析。更夸张的是，我们团队用分布式数据管理功能，三天就实现了车辆与智慧路灯的数据同步——这在过去至少需要协调三个供应商开半个月技术联调会。
jq 在 HarmonyOS 上的构建与适配
Pocker_Spades_A的博客
11-24 768
jq是一个轻量级、灵活的命令行 JSON 处理器，类似于sedawkgrep等工具，但专门用于处理 JSON 数据。它使用可移植的 C 语言编写，零运行时依赖，可以轻松地切片、过滤、映射和转换结构化数据。v1.71.7_ohos构建系统识别：Autotools 项目需要autoreconf和configure子模块处理：正确处理 git submodule 的初始化和配置目标平台选择：使用而不是C 预处理器配置：使用clang -E而不是clang++config.h 生成：处理的问题，提供回退方案。
深入HarmonyOS：构建高效的二维码扫描识别应用
不懂先生的博客
11-24 276
HarmonyOS的相机子系统基于多模态交互设计，提供了丰富的API支持，包括模块，允许开发者访问相机硬件并处理图像数据。该框架采用管道（Pipeline）模型，支持预览、捕获和录像等功能，同时注重低功耗和高性能。在二维码扫描场景中，我们需要实时获取相机预览流，并对每一帧图像进行处理。：管理相机设备和会话。：代表相机输入源。：处理预览输出流。：用于捕获单帧图像。HarmonyOS的分布式能力允许相机数据在多个设备间流转，这在二维码扫描中可实现“扫描一端，多端共享”的创新场景。
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值