提供画布组件。用于自定义绘制图形。

说明

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

子组件

不支持。

属性

名称 类型 默认值 必填 描述
id string - 否 组件的唯一标识。
style string - 否 组件的样式声明。
class string - 否 组件的样式类，用于引用样式表。
ref string - 否 用来指定指向子元素的引用信息，该引用将注册到父组件的$refs 属性对象上。

事件

名称 参数 描述
click - 点击动作触发该事件。
longpress - 长按动作触发该事件。
swipe5+ [SwipeEvent] 组件上快速滑动后触发。

样式

名称 类型 默认值 必填 描述
width 5+ - 否
height 5+ - 否
padding 0 否 使用简写属性设置所有的内边距属性。该属性可以有1到4个值：- 指定一个值时，该值指定四个边的内边距。- 指定两个值时，第一个值指定上下两边的内边距，第二个指定左右两边的内边距。- 指定三个值时，第一个指定上边的内边距，第二个指定左右两边的内边距，第三个指定下边的内边距。- 指定四个值时分别为上、右、下、左边的内边距（顺时针顺序）。
margin 5+ 0 否
margin-[left top right bottom]
border-width 0 否 使用简写属性设置元素的所有边框宽度。
border-color black 否 使用简写属性设置元素的所有边框颜色。
border-radius - 否 border-radius属性是设置元素的外边框圆角半径。
background-color - 否 设置背景颜色。
display string flex 否 确定一个元素所产生的框的类型，可选值为：- flex：弹性布局。- none：不渲染此元素。
[left top] 6+ -

方法

名称 参数 描述
getContext string 获取canvas绘图上下文，参数仅支持“2d”，返回值为2D绘制对象，该对象提供具体的2D绘制操作。
# javascript # 前端 # harmonyos # 华为 # 鸿蒙系统 # 鸿蒙
Logo
欢迎加入Laval社区

社区规范：仅讨论OpenHarmony相关问题。

更多推荐

JSI 跨线程：能调 Native，不代表能改界面

  JSI 回调默认跑在 JS 或任务线程上。图形框架、窗口和控件树通常只认 UI 线程。脚本能调到 Native，只说明桥已经通了，并不说明当前线程可以改界面。把这两件事当成一回事，是轻量设备上很常见的问题。     两条线程的职责不一样。JS 线程负责跑脚本、处理模块调用、把参数从脚本世界翻译成 C++；UI 线程负责布局、绘制、动画和控件状态。在 JS 回调里直

avatar Laval社区

解决OH6.1 副屏expand模式下黑屏问题

一、问题背景 项目说明系统版本OpenHarmony 6.1 Release硬件平台rk3568主屏MIPI，720x1280，竖屏（rotation=3 / ROTATION_270）副屏LVDS，1024x600，横屏（rotation=0）渲染架构divided render（isUniRender: 0），走 RSPhysicalScreenProcessor + HARDWARE_COM

avatar Laval社区

CoAP 本地控制可靠性：发现、会话与重启恢复

CoAP 本地控制可靠性：发现、会话与重启恢复 摘要 本文链路中的 CoAP 运行在 UDP 之上，常见失败表象是：控制端已经发出请求，设备却没有回复。根因未必在网络，也可能是双方对设备身份、Session 或消息序列的理解已经不一致。 本文以 OpenHarmony iot_management 的本地控制链路为背景，梳理双端口发现、设备信息合并、baseUrl、PUUID、Session、se

avatar Laval社区