1e41f4b71Sopenharmony_ci# ArkUI Subsystem Changelog 2e41f4b71Sopenharmony_ci 3e41f4b71Sopenharmony_ci## cl.arkui.1 setLineDash Implementation Change 4e41f4b71Sopenharmony_ci 5e41f4b71Sopenharmony_ci 6e41f4b71Sopenharmony_ciChanged the unit of the **number** parameter in the **setLineDash** API from px to vp. 7e41f4b71Sopenharmony_ci 8e41f4b71Sopenharmony_ci**Example** 9e41f4b71Sopenharmony_ci```ts 10e41f4b71Sopenharmony_ci@Entry 11e41f4b71Sopenharmony_ci@Component 12e41f4b71Sopenharmony_cistruct SetLineDash { 13e41f4b71Sopenharmony_ci private settings: RenderingContextSettings = new RenderingContextSettings(true) 14e41f4b71Sopenharmony_ci private context: CanvasRenderingContext2D = new CanvasRenderingContext2D(this.settings) 15e41f4b71Sopenharmony_ci 16e41f4b71Sopenharmony_ci build() { 17e41f4b71Sopenharmony_ci Flex({ direction: FlexDirection.Column, alignItems: ItemAlign.Center, justifyContent: FlexAlign.Center }) { 18e41f4b71Sopenharmony_ci Canvas(this.context) 19e41f4b71Sopenharmony_ci .width('100%') 20e41f4b71Sopenharmony_ci .height('100%') 21e41f4b71Sopenharmony_ci .backgroundColor('#ffff00') 22e41f4b71Sopenharmony_ci .onReady(() =>{ 23e41f4b71Sopenharmony_ci let ctx = this.context 24e41f4b71Sopenharmony_ci ctx.lineWidth = 5 25e41f4b71Sopenharmony_ci ctx.arc(100, 75, 50, 0, 6.28) 26e41f4b71Sopenharmony_ci ctx.setLineDash([10,20]) 27e41f4b71Sopenharmony_ci ctx.stroke(); 28e41f4b71Sopenharmony_ci }) 29e41f4b71Sopenharmony_ci Image('image/SetLineDash.png') 30e41f4b71Sopenharmony_ci .objectFit(ImageFit.Contain) 31e41f4b71Sopenharmony_ci } 32e41f4b71Sopenharmony_ci .width('100%') 33e41f4b71Sopenharmony_ci .height('100%') 34e41f4b71Sopenharmony_ci } 35e41f4b71Sopenharmony_ci} 36e41f4b71Sopenharmony_ci``` 37e41f4b71Sopenharmony_ciAPI version 9: The unit of the **number** parameter in the **setLineDash** API is px. 38e41f4b71Sopenharmony_ci 39e41f4b71Sopenharmony_ci 40e41f4b71Sopenharmony_ci 41e41f4b71Sopenharmony_ciAPI version 10 and later: The unit of the **number** parameter in the **setLineDash** API is vp. 42e41f4b71Sopenharmony_ci 43e41f4b71Sopenharmony_ci 44e41f4b71Sopenharmony_ci 45e41f4b71Sopenharmony_ci**Change Impact** 46e41f4b71Sopenharmony_ci 47e41f4b71Sopenharmony_ciThe drawing effect of the **setLineDash** API in API version 9 or earlier is different from that in API version 10 or later. 48