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![stack](figures/en-us_image_setLineDash_change_before.jpeg)
40e41f4b71Sopenharmony_ci
41e41f4b71Sopenharmony_ciAPI version 10 and later: The unit of the **number** parameter in the **setLineDash** API is vp.
42e41f4b71Sopenharmony_ci
43e41f4b71Sopenharmony_ci![stack](figures/en-us_image_setLineDash_change_after.jpeg)
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