华为大佬解析开源鸿蒙 OpenHarmony 3.1 关键特性画布，教你如何完成飞机大战小游戏

图片地址：https://img.ithome.com/newsuploadfiles/2022/2/6a2766ec-e5a1-4fff-947d-b34769108144.png

IT之家 2 月 10 日消息，华为技术有限公司的江英杰为大家揭晓了关于开源鸿蒙 OpenHarmony 3.1 Beta 版中的一个关键特性，也就是 ArkUI 开发框架中的 canvas 画布。据介绍，canvas 是 ArkUI 开发框架里的画布组件，常用于自定义绘制图形。因为其轻量、灵活、高效等优点，被广泛应用于 UI 界面开发中。本期，我们将为大家介绍 ArkUI 开发框架中 canvas 组件的使用。canvas 介绍1.1 什么是 canvas？IT之家了解到，在 Web 浏览器中，canvas 是一个可自定义 width、height 的矩形画布，画布左上角为坐标原点，以像素为单位，水平向右为 x 轴，垂直向下为 y 轴，画布内所有元素都基于原点进行定位。如下图所示，我们可以通过 <canvas> 标签，创建了一个 width= 1500px，height=900px 的空白画布，我们还需要