#鸿蒙通关秘籍#自定义view这个知识点是一个很常用的功能，在鸿蒙中自定义组件应该是叫Canvas？用它绘制一个带边框的正方形应该如何搞？

@Entry
@Component
struct CanvasExample {
    private settings: RenderingContextSettings = new RenderingContextSettings(true)
    private context: CanvasRenderingContext2D = new CanvasRenderingContext2D(this.settings)
    build() {
        Flex({ direction: FlexDirection.Column, alignItems: ItemAlign.Center, justifyContent: FlexAlign.Center }) {
            Canvas(this.context)
            .width('100%')
            .height('100%')
            .onReady(() => {
                this.context.strokeRect(100, 100, 100, 100)
            })
        }
    }
    .width('100%')
    .height('100%')
}
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.