> 文档中心 > HarmonyOS/OpenHarmony应用开发-ArkTS画布组件CanvasRenderingContext2D对象(十二)

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%').  }.}