HarmonyOS鸿蒙Next企业面试题之Canvas的使用

HarmonyOS鸿蒙Canvas的使用方法如下：

// 引入所需模块 @Entry @Component struct MyCanvas { // 配置渲染设置，true表示开启抗锯齿 private settings: RenderingContextSettings = new RenderingContextSettings(true) // 创建 CanvasRenderingContext2D 上下文对象 private context: CanvasRenderingContext2D = new CanvasRenderingContext2D(this.settings)

build() { Column() { // Canvas 组件 Canvas(this.context) .width(‘100%’) .height(300) .backgroundColor(’#ffff00’) // 画布背景色设为黄色 // 必须在 onReady 回调中开始绘制 .onReady(() => { // 在坐标 (0, 30) 处绘制一个 100x100 的红色矩形 this.context.fillRect(0, 30, 100, 100) }) } .width(‘100%’) .height(‘100%’) } }