HarmonyOS/OpenHarmony应用开发-ArkTS画布组件CanvasRenderingContext2D对象(十二)
beginPath
beginPath(): void
创建一个新的绘制路径。
示例:
.// xxx.ets.@Entry.@Component.struct BeginPath {. 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%'). .backgroundColor('#ffff00'). .onReady(() =>{. this.context.beginPath(). this.context.lineWidth = 6. this.context.strokeStyle = '#0000ff'. this.context.moveTo(15, 80). this.context.lineTo(280, 160). this.context.stroke(). }). }. .width('100%'). .height('100%'). }.}
moveTo
moveTo(x: number, y: number): void
路径从当前点移动到指定点。
参数:
示例:
.// xxx.ets.@Entry.@Component.struct MoveTo {. 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%'). .backgroundColor('#ffff00'). .onReady(() =>{. this.context.beginPath(). this.context.moveTo(10, 10). this.context.lineTo(280, 160). this.context.stroke(). }). }. .width('100%'). .height('100%'). }.}