1/* 2 * Copyright (c) 2024 Huawei Device Co., Ltd. 3 * Licensed under the Apache License, Version 2.0 (the "License"); 4 * you may not use this file except in compliance with the License. 5 * You may obtain a copy of the License at 6 * 7 * http://www.apache.org/licenses/LICENSE-2.0 8 * 9 * Unless required by applicable law or agreed to in writing, software 10 * distributed under the License is distributed on an "AS IS" BASIS, 11 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. 12 * See the License for the specific language governing permissions and 13 * limitations under the License. 14 */ 15 16 17import { RenderNode } from '@kit.ArkUI' 18import { drawing } from '@kit.ArkGraphics2D' 19 20class RectRenderNode extends RenderNode { 21 async draw(context: DrawContext) { 22 const canvas = context.canvas; 23 const pen = new drawing.Pen(); 24 pen.setStrokeWidth(5); 25 pen.setColor({ 26 alpha: 255, 27 red: 255, 28 green: 0, 29 blue: 0 30 }); 31 canvas.attachPen(pen); 32 canvas.drawRect({ 33 left: 200, 34 right: 500, 35 top: 300, 36 bottom: 900 37 }); 38 } 39} 40 41export default RectRenderNode; 42