diff --git a/en/application-dev/reference/arkui-js/js-components-basic-chart.md b/en/application-dev/reference/arkui-js/js-components-basic-chart.md index ebab10a944e177004cc4e3cac1b24cbb0eed802e..d0d8ff99685cca3766232092038aeea999faba12 100644 --- a/en/application-dev/reference/arkui-js/js-components-basic-chart.md +++ b/en/application-dev/reference/arkui-js/js-components-basic-chart.md @@ -273,7 +273,7 @@ In addition to the methods in [Universal Methods](js-components-common-methods.m } ``` - ![img](https://gitee.com/openharmony/docs/raw/OpenHarmony-3.1-Release/en/application-dev/reference/arkui-js/figures/en-us_image_0000001173324843.png) + ![img](figures/en-us_image_0000001173324843.png) 2. Bar chart @@ -342,7 +342,7 @@ In addition to the methods in [Universal Methods](js-components-common-methods.m } ``` - ![img](https://gitee.com/openharmony/docs/raw/OpenHarmony-3.1-Release/en/application-dev/reference/arkui-js/figures/en-us_image_0000001173164929.png) + ![img](figures/en-us_image_0000001173164929.png) 3. Gauge chart @@ -372,4 +372,4 @@ In addition to the methods in [Universal Methods](js-components-common-methods.m } ``` - ![img](https://gitee.com/openharmony/docs/raw/OpenHarmony-3.1-Release/en/application-dev/reference/arkui-js/figures/en-us_image_0000001127125264.png) \ No newline at end of file + ![img](figures/en-us_image_0000001127125264.png) \ No newline at end of file diff --git a/en/application-dev/reference/arkui-js/js-components-basic-image-animator.md b/en/application-dev/reference/arkui-js/js-components-basic-image-animator.md index c17bef00354066d929d50f9e44b55041e3d6c2cf..bbe50bce7e633eabb300e1895800d7b45c7a92ef 100644 --- a/en/application-dev/reference/arkui-js/js-components-basic-image-animator.md +++ b/en/application-dev/reference/arkui-js/js-components-basic-image-animator.md @@ -183,4 +183,4 @@ export default { }; ``` -![img](https://gitee.com/openharmony/docs/raw/OpenHarmony-3.1-Release/en/application-dev/reference/arkui-js/figures/image-animator.gif) \ No newline at end of file +![img](figures/image-animator.gif) \ No newline at end of file diff --git a/en/application-dev/reference/arkui-js/js-components-basic-image.md b/en/application-dev/reference/arkui-js/js-components-basic-image.md index 6b73c08eac64d40a6884af868ea8a72aa0c96864..f908d7c39c9cc714e11ea2a13c654da99648faf4 100644 --- a/en/application-dev/reference/arkui-js/js-components-basic-image.md +++ b/en/application-dev/reference/arkui-js/js-components-basic-image.md @@ -103,4 +103,4 @@ export default { } ``` -![img](https://gitee.com/openharmony/docs/raw/OpenHarmony-3.1-Release/en/application-dev/reference/arkui-js/figures/example.gif) \ No newline at end of file +![img](figures/example.gif) \ No newline at end of file diff --git a/en/application-dev/reference/arkui-js/js-components-basic-input.md b/en/application-dev/reference/arkui-js/js-components-basic-input.md index aebb55dea7cb9aac7eb1bf801d49c908db639c36..ed725f472c293761972486996eaf4da98d4296d1 100644 --- a/en/application-dev/reference/arkui-js/js-components-basic-input.md +++ b/en/application-dev/reference/arkui-js/js-components-basic-input.md @@ -151,7 +151,7 @@ In addition to the methods in [Universal Methods](js-components-common-methods.m } ``` - ![img](https://gitee.com/openharmony/docs/raw/OpenHarmony-3.1-Release/en/application-dev/reference/arkui-js/figures/1-2.png) + ![img](figures/1-2.png) 2. Common button @@ -176,7 +176,7 @@ In addition to the methods in [Universal Methods](js-components-common-methods.m } ``` - ![img](https://gitee.com/openharmony/docs/raw/OpenHarmony-3.1-Release/en/application-dev/reference/arkui-js/figures/en-us_image_0000001198898293.png) + ![img](figures/en-us_image_0000001198898293.png) 3. Check box @@ -213,7 +213,7 @@ In addition to the methods in [Universal Methods](js-components-common-methods.m } ``` - ![img](https://gitee.com/openharmony/docs/raw/OpenHarmony-3.1-Release/en/application-dev/reference/arkui-js/figures/en-us_image_0000001173324749.png) + ![img](figures/en-us_image_0000001173324749.png) 4. Radio button @@ -251,4 +251,4 @@ In addition to the methods in [Universal Methods](js-components-common-methods.m } ``` - ![img](https://gitee.com/openharmony/docs/raw/OpenHarmony-3.1-Release/en/application-dev/reference/arkui-js/figures/1-3.png) \ No newline at end of file + ![img](figures/1-3.png) \ No newline at end of file diff --git a/en/application-dev/reference/arkui-js/js-components-basic-label.md b/en/application-dev/reference/arkui-js/js-components-basic-label.md index c11333a9fc94b423f81c6c5e1ed491c6e9cf69d5..eef2bce9d40bc947896fd8a1ed40377e14666484 100644 --- a/en/application-dev/reference/arkui-js/js-components-basic-label.md +++ b/en/application-dev/reference/arkui-js/js-components-basic-label.md @@ -89,4 +89,4 @@ Not supported } ``` -![img](https://gitee.com/openharmony/docs/raw/OpenHarmony-3.1-Release/en/application-dev/reference/arkui-js/figures/en-us_image_0000001152834002.png) \ No newline at end of file +![img](figures/en-us_image_0000001152834002.png) \ No newline at end of file diff --git a/en/application-dev/reference/arkui-js/js-components-basic-marquee.md b/en/application-dev/reference/arkui-js/js-components-basic-marquee.md index 9f12052d05a725a0764a786abda833e209166efb..bbfdbf619d6d9cecded58cabe78bd9c7cb12ca77 100644 --- a/en/application-dev/reference/arkui-js/js-components-basic-marquee.md +++ b/en/application-dev/reference/arkui-js/js-components-basic-marquee.md @@ -125,4 +125,4 @@ export default { } ``` -![img](https://gitee.com/openharmony/docs/raw/OpenHarmony-3.1-Release/en/application-dev/reference/arkui-js/figures/lite_bar.gif) \ No newline at end of file +![img](figures/lite_bar.gif) \ No newline at end of file diff --git a/en/application-dev/reference/arkui-js/js-components-basic-menu.md b/en/application-dev/reference/arkui-js/js-components-basic-menu.md index 23a62f265cad23460faac818a6f811035c28eb36..fe75accae0842ae491aebdf021117b1138035548 100644 --- a/en/application-dev/reference/arkui-js/js-components-basic-menu.md +++ b/en/application-dev/reference/arkui-js/js-components-basic-menu.md @@ -96,4 +96,4 @@ export default { } ``` -![img](https://gitee.com/openharmony/docs/raw/OpenHarmony-3.1-Release/en/application-dev/reference/arkui-js/figures/menu13.gif) \ No newline at end of file +![img](figures/menu13.gif) \ No newline at end of file diff --git a/en/application-dev/reference/arkui-js/js-components-basic-picker-view.md b/en/application-dev/reference/arkui-js/js-components-basic-picker-view.md index 4f55dadba544c0c7c48d91e231a41fd61faa3119..d069266b48f0cd28c77e5c8770f89fd1b867dc76 100644 --- a/en/application-dev/reference/arkui-js/js-components-basic-picker-view.md +++ b/en/application-dev/reference/arkui-js/js-components-basic-picker-view.md @@ -192,4 +192,4 @@ export default { } ``` -![img](https://gitee.com/openharmony/docs/raw/OpenHarmony-3.1-Release/en/application-dev/reference/arkui-js/figures/lite_bar-4.png) \ No newline at end of file +![img](figures/lite_bar-4.png) \ No newline at end of file diff --git a/en/application-dev/reference/arkui-js/js-components-basic-picker.md b/en/application-dev/reference/arkui-js/js-components-basic-picker.md index cdbc9d4d238bfe2e5c60418f56dcbe933bcf664f..6c50d6789a8ae7c3a85215ee3fa82c3ebc79ddd5 100644 --- a/en/application-dev/reference/arkui-js/js-components-basic-picker.md +++ b/en/application-dev/reference/arkui-js/js-components-basic-picker.md @@ -287,4 +287,4 @@ export default { } ``` -![img](https://gitee.com/openharmony/docs/raw/OpenHarmony-3.1-Release/en/application-dev/reference/arkui-js/figures/mmmm.gif) \ No newline at end of file +![img](figures/mmmm.gif) \ No newline at end of file diff --git a/en/application-dev/reference/arkui-js/js-components-basic-piece.md b/en/application-dev/reference/arkui-js/js-components-basic-piece.md index be89c5eafdfd65d36cccf0338c7e10523322a68e..11666b49f84e4ed29cb4ca9c9f325d8efe2348ea 100644 --- a/en/application-dev/reference/arkui-js/js-components-basic-piece.md +++ b/en/application-dev/reference/arkui-js/js-components-basic-piece.md @@ -65,4 +65,4 @@ export default { } ``` -![img](https://gitee.com/openharmony/docs/raw/OpenHarmony-3.1-Release/en/application-dev/reference/arkui-js/figures/11-5.gif) \ No newline at end of file +![img](figures/11-5.gif) \ No newline at end of file diff --git a/en/application-dev/reference/arkui-js/js-components-basic-progress.md b/en/application-dev/reference/arkui-js/js-components-basic-progress.md index 4c8063d2c64e000c59e53edb3df1dc72f5169d91..db2432309121e8327ef25984ea0e0f7b33d4b905 100644 --- a/en/application-dev/reference/arkui-js/js-components-basic-progress.md +++ b/en/application-dev/reference/arkui-js/js-components-basic-progress.md @@ -138,4 +138,4 @@ Methods in [Universal Methods](js-components-common-methods.md) are supported. } ``` -![img](https://gitee.com/openharmony/docs/raw/OpenHarmony-3.1-Release/en/application-dev/reference/arkui-js/figures/progress.png) \ No newline at end of file +![img](figures/progress.png) \ No newline at end of file diff --git a/en/application-dev/reference/arkui-js/js-components-basic-qrcode.md b/en/application-dev/reference/arkui-js/js-components-basic-qrcode.md index 47f23bea405cca4503d1c029ed1c79bd15a0b071..850efc33599916f6a90a6acf001e25b7c1c0dc57 100644 --- a/en/application-dev/reference/arkui-js/js-components-basic-qrcode.md +++ b/en/application-dev/reference/arkui-js/js-components-basic-qrcode.md @@ -108,4 +108,4 @@ export default { } ``` -![img](https://gitee.com/openharmony/docs/raw/OpenHarmony-3.1-Release/en/application-dev/reference/arkui-js/figures/12.gif) \ No newline at end of file +![img](figures/12.gif) \ No newline at end of file diff --git a/en/application-dev/reference/arkui-js/js-components-basic-rating.md b/en/application-dev/reference/arkui-js/js-components-basic-rating.md index 69067f89342380940966728966c1ab518ab6590d..f120f8fef0082993b9f8aeaaae2a817ac04af9bb 100644 --- a/en/application-dev/reference/arkui-js/js-components-basic-rating.md +++ b/en/application-dev/reference/arkui-js/js-components-basic-rating.md @@ -82,4 +82,4 @@ export default { } ``` -![img](https://gitee.com/openharmony/docs/raw/OpenHarmony-3.1-Release/en/application-dev/reference/arkui-js/figures/1-6.png) \ No newline at end of file +![img](figures/1-6.png) \ No newline at end of file diff --git a/en/application-dev/reference/arkui-js/js-components-basic-search.md b/en/application-dev/reference/arkui-js/js-components-basic-search.md index 6b9c7ceccfb95035d0b7e1507b5c827529dd443c..860df0847434d8cfaefe688e9dd4c96e267e348e 100644 --- a/en/application-dev/reference/arkui-js/js-components-basic-search.md +++ b/en/application-dev/reference/arkui-js/js-components-basic-search.md @@ -80,4 +80,4 @@ Methods in [Universal Methods](js-components-common-methods.md) are supported. } ``` -![img](https://gitee.com/openharmony/docs/raw/OpenHarmony-3.1-Release/en/application-dev/reference/arkui-js/figures/en-us_image_0000001153427082.png) \ No newline at end of file +![img](figures/en-us_image_0000001153427082.png) \ No newline at end of file diff --git a/en/application-dev/reference/arkui-js/js-components-basic-select.md b/en/application-dev/reference/arkui-js/js-components-basic-select.md index 965668a261be86d8f0c9d3b654630ccfd41fca4a..99d9f7906386b257620cfec8b01bbe54b4b1049a 100644 --- a/en/application-dev/reference/arkui-js/js-components-basic-select.md +++ b/en/application-dev/reference/arkui-js/js-components-basic-select.md @@ -67,4 +67,4 @@ Methods in [Universal Methods](js-components-common-methods.md) are supported. } ``` -![img](https://gitee.com/openharmony/docs/raw/OpenHarmony-3.1-Release/en/application-dev/reference/arkui-js/figures/en-us_image_0000001152588538.png) \ No newline at end of file +![img](figures/en-us_image_0000001152588538.png) \ No newline at end of file diff --git a/en/application-dev/reference/arkui-js/js-components-basic-slider.md b/en/application-dev/reference/arkui-js/js-components-basic-slider.md index 7b69be3ec4127e4b416314452f4d4ded85cd67bd..506301abbff476ed96544e1a6faebf2e44a1f1ef 100644 --- a/en/application-dev/reference/arkui-js/js-components-basic-slider.md +++ b/en/application-dev/reference/arkui-js/js-components-basic-slider.md @@ -96,4 +96,4 @@ export default { } ``` -![img](https://gitee.com/openharmony/docs/raw/OpenHarmony-3.1-Release/en/application-dev/reference/arkui-js/figures/slider.png) \ No newline at end of file +![img](figures/slider.png) \ No newline at end of file diff --git a/en/application-dev/reference/arkui-js/js-components-basic-span.md b/en/application-dev/reference/arkui-js/js-components-basic-span.md index b894bc9123548cbeceda39420871f51d2fe45fe7..de34e6d85ae7de460e53da457aff469509894350 100644 --- a/en/application-dev/reference/arkui-js/js-components-basic-span.md +++ b/en/application-dev/reference/arkui-js/js-components-basic-span.md @@ -67,4 +67,4 @@ Not supported } ``` -![img](https://gitee.com/openharmony/docs/raw/OpenHarmony-3.1-Release/en/application-dev/reference/arkui-js/figures/en-us_image_0000001152588626.png) \ No newline at end of file +![img](figures/en-us_image_0000001152588626.png) \ No newline at end of file diff --git a/en/application-dev/reference/arkui-js/js-components-basic-switch.md b/en/application-dev/reference/arkui-js/js-components-basic-switch.md index 9dceb0f89dc7d0c9ae4f4c9db57d4380b0c29b96..32baae42a0bcd5a877ee0421ea15c3af2831e470 100644 --- a/en/application-dev/reference/arkui-js/js-components-basic-switch.md +++ b/en/application-dev/reference/arkui-js/js-components-basic-switch.md @@ -94,4 +94,4 @@ export default { } ``` -![img](https://gitee.com/openharmony/docs/raw/OpenHarmony-3.1-Release/en/application-dev/reference/arkui-js/figures/en-us_image_0000001152862510.gif) \ No newline at end of file +![img](figures/en-us_image_0000001152862510.gif) \ No newline at end of file diff --git a/en/application-dev/reference/arkui-js/js-components-basic-text.md b/en/application-dev/reference/arkui-js/js-components-basic-text.md index 353b70f0dff192433c0e2ce78adc9b009566e7a4..26f65c6a925cd369646254c2550c82d944420287 100644 --- a/en/application-dev/reference/arkui-js/js-components-basic-text.md +++ b/en/application-dev/reference/arkui-js/js-components-basic-text.md @@ -102,7 +102,7 @@ export default { } ``` -![img](https://gitee.com/openharmony/docs/raw/OpenHarmony-3.1-Release/en/application-dev/reference/arkui-js/figures/3.png) +![img](figures/3.png) ``` @@ -138,4 +138,4 @@ export default { } ``` -![img](https://gitee.com/openharmony/docs/raw/OpenHarmony-3.1-Release/en/application-dev/reference/arkui-js/figures/2.png) \ No newline at end of file +![img](figures/2.png) \ No newline at end of file diff --git a/en/application-dev/reference/arkui-js/js-components-basic-textarea.md b/en/application-dev/reference/arkui-js/js-components-basic-textarea.md index e5a4846b529559a756505a69d23c4a1427329083..3e89cac3505b5bcd35b4a60aeea290ecae872e5b 100644 --- a/en/application-dev/reference/arkui-js/js-components-basic-textarea.md +++ b/en/application-dev/reference/arkui-js/js-components-basic-textarea.md @@ -98,4 +98,4 @@ change(e){ } ``` -![img](https://gitee.com/openharmony/docs/raw/OpenHarmony-3.1-Release/en/application-dev/reference/arkui-js/figures/000000.png) \ No newline at end of file +![img](figures/000000.png) \ No newline at end of file diff --git a/en/application-dev/reference/arkui-js/js-components-basic-toggle.md b/en/application-dev/reference/arkui-js/js-components-basic-toggle.md index 83e25006778be1a220faa75853b67f44c9c62053..e2f4767d3ad061cd265d8799443ea288e50a764d 100644 --- a/en/application-dev/reference/arkui-js/js-components-basic-toggle.md +++ b/en/application-dev/reference/arkui-js/js-components-basic-toggle.md @@ -102,4 +102,4 @@ export default { } ``` -![img](https://gitee.com/openharmony/docs/raw/OpenHarmony-3.1-Release/en/application-dev/reference/arkui-js/figures/screenshot.png) \ No newline at end of file +![img](figures/screenshot.png) \ No newline at end of file diff --git a/en/application-dev/reference/arkui-js/js-components-basic-toolbar-item.md b/en/application-dev/reference/arkui-js/js-components-basic-toolbar-item.md index 3a8f59f80f45665fd0d86dfa2678dce279059b3a..fa0c77c83d8affe11a97391bde0f6eeb26c9e706 100644 --- a/en/application-dev/reference/arkui-js/js-components-basic-toolbar-item.md +++ b/en/application-dev/reference/arkui-js/js-components-basic-toolbar-item.md @@ -64,4 +64,4 @@ Not supported ``` -![img](https://gitee.com/openharmony/docs/raw/OpenHarmony-3.1-Release/en/application-dev/reference/arkui-js/figures/progress-7.jpg) \ No newline at end of file +![img](figures/progress-7.jpg) \ No newline at end of file diff --git a/en/application-dev/reference/arkui-js/js-components-canvas-canvasgradient.md b/en/application-dev/reference/arkui-js/js-components-canvas-canvasgradient.md index 9e0019f99dcb114627747916c206aeaae2cdc458..bd6b16c2bd8e1f56a53c5c588ada704371ce6a16 100644 --- a/en/application-dev/reference/arkui-js/js-components-canvas-canvasgradient.md +++ b/en/application-dev/reference/arkui-js/js-components-canvas-canvasgradient.md @@ -40,4 +40,4 @@ Adds a color stop for the** CanvasGradient** object based on the specified offse } ``` - ![img](https://gitee.com/openharmony/docs/raw/OpenHarmony-3.1-Release/en/application-dev/reference/arkui-js/figures/en-us_image_0000001152610806.png) \ No newline at end of file + ![img](figures/en-us_image_0000001152610806.png) \ No newline at end of file diff --git a/en/application-dev/reference/arkui-js/js-components-canvas-canvasrenderingcontext2d.md b/en/application-dev/reference/arkui-js/js-components-canvas-canvasrenderingcontext2d.md index fc885a6a4a1a5955418275afc785cfa0dfe9ed98..f3ede6c1ec2980d9053ad552e4d29ca4987aaa87 100644 --- a/en/application-dev/reference/arkui-js/js-components-canvas-canvasrenderingcontext2d.md +++ b/en/application-dev/reference/arkui-js/js-components-canvas-canvasrenderingcontext2d.md @@ -1,6 +1,6 @@ # CanvasRenderingContext2D -> ![icon-note.gif](https://gitee.com/openharmony/docs/raw/OpenHarmony-3.1-Release/en/application-dev/reference/arkui-js/public_sys-resources/icon-note.gif) **NOTE** +> ![icon-note.gif](public_sys-resources/icon-note.gif) **NOTE** > Supported since API version 4. Updates will be marked with a superscript to indicate their earliest API version. **CanvasRenderingContext2D** allows you to draw rectangles, text, images, and other objects on a canvas. @@ -38,11 +38,11 @@ - Anti-aliasing disabled - ![en-us_image_0000001214837333](https://gitee.com/openharmony/docs/raw/OpenHarmony-3.1-Release/en/application-dev/reference/arkui-js/figures/en-us_image_0000001214837333.png) + ![en-us_image_0000001214837333](figures/en-us_image_0000001214837333.png) - Anti-aliasing enabled - ![screenshot-8](https://gitee.com/openharmony/docs/raw/OpenHarmony-3.1-Release/en/application-dev/reference/arkui-js/figures/screenshot-8.png) + ![screenshot-8](figures/screenshot-8.png) ## Attributes @@ -55,7 +55,7 @@ | [lineJoin](js-components-canvas-canvasrenderingcontext2d.md) | string | miter | Style of the intersection point between line segments. The options are as follows:
-**round**: The intersection is a sector, whose radius at the rounded corner is equal to the line width.
- **bevel**: The intersection is a triangle. The rectangular corner of each line is independent.
-**miter**: The intersection has a miter corner by extending the outside edges of the lines until they meet. You can view the effect of this attribute in **miterLimit**. | | [miterLimit](js-components-canvas-canvasrenderingcontext2d.md) | number | 10 | Maximum miter length. The miter length is the distance between the inner corner and the outer corner where two lines meet. | | [font](js-components-canvas-canvasrenderingcontext2d.md) | string | "normal normal 14px sans-serif" | Font style. Syntax: ctx.font="font-style font-weight font-size font-family"5+
-(Optional) **font-style**: font style. Available values are **normal** and **italic**.
- (Optional) **font-weight**: font weight. Available values are as follows: **normal**, **bold**, **bolder**, **lighter**, **100**, **200**, **300**, **400**, **500**, **600**, **700**, **800**, **900**.
- (Optional) **font-size**: font size and row height. The unit can only be pixels.
- (Optional) **font-family**: font family. Available values are **sans-serif**, **serif**, and **monospace**. | -| [textAlign](js-components-canvas-canvasrenderingcontext2d.md) | string | left | Text alignment mode. Available values are as follows:
- **left**: The text is left-aligned.
-**right**: The text is right-aligned.
- **center**: The text is center-aligned.
- **start**: The text is aligned with the start bound.
- **end**: The text is aligned with the end bound.
>![icon-note.gif](https://gitee.com/openharmony/docs/raw/OpenHarmony-3.1-Release/en/application-dev/reference/arkui-js/public_sys-resources/icon-note.gif) **NOTE**
> In the **ltr** layout mode, the value **start** equals **left**. In the **rtl** layout mode, the value **start** equals **right**. | +| [textAlign](js-components-canvas-canvasrenderingcontext2d.md) | string | left | Text alignment mode. Available values are as follows:
- **left**: The text is left-aligned.
-**right**: The text is right-aligned.
- **center**: The text is center-aligned.
- **start**: The text is aligned with the start bound.
- **end**: The text is aligned with the end bound.
>![icon-note.gif](public_sys-resources/icon-note.gif) **NOTE**
> In the **ltr** layout mode, the value **start** equals **left**. In the **rtl** layout mode, the value **start** equals **right**. | | [textBaseline](js-components-canvas-canvasrenderingcontext2d.md) | string | alphabetic | Horizontal alignment mode of text. Available values are as follows:
- **alphabetic**: The text baseline is the normal alphabetic baseline.
- **top**: The text baseline is on the top of the text bounding box.
-**hanging**: The text baseline is a hanging baseline over the text.
- **middle**: The text baseline is in the middle of the text bounding box.
- **ideographic**: The text baseline is the ideographic baseline. If a character exceeds the alphabetic baseline, the ideographic baseline is located at the bottom of the excessive character.
- **bottom**: The text baseline is at the bottom of the text bounding box. Its difference from the ideographic baseline is that the ideographic baseline does not consider letters in the next line. | | [globalAlpha](js-components-canvas-canvasrenderingcontext2d.md) | number | - | Opacity.
**0.0**: completely transparent.
**1.0**: completely opaque. | | [lineDashOffset](js-components-canvas-canvasrenderingcontext2d.md) | number | 0.0 | Offset of the dashed line. The precision is float. | @@ -85,7 +85,7 @@ export default { } ``` -![en-us_image_0000001166962736](https://gitee.com/openharmony/docs/raw/OpenHarmony-3.1-Release/en/application-dev/reference/arkui-js/figures/en-us_image_0000001166962736.png) +![en-us_image_0000001166962736](figures/en-us_image_0000001166962736.png) ### lineWidth @@ -105,7 +105,7 @@ export default { } ``` -![en-us_image_0000001166484430](https://gitee.com/openharmony/docs/raw/OpenHarmony-3.1-Release/en/application-dev/reference/arkui-js/figures/en-us_image_0000001166484430.png) +![en-us_image_0000001166484430](figures/en-us_image_0000001166484430.png) ### strokeStyle @@ -126,7 +126,7 @@ export default { } ``` -![en-us_image_0000001212124299](https://gitee.com/openharmony/docs/raw/OpenHarmony-3.1-Release/en/application-dev/reference/arkui-js/figures/en-us_image_0000001212124299.png) +![en-us_image_0000001212124299](figures/en-us_image_0000001212124299.png) ### lineCap @@ -150,7 +150,7 @@ export default { } ``` -![en-us_image_0000001214837127](https://gitee.com/openharmony/docs/raw/OpenHarmony-3.1-Release/en/application-dev/reference/arkui-js/figures/en-us_image_0000001214837127.png) +![en-us_image_0000001214837127](figures/en-us_image_0000001214837127.png) ### lineJoin @@ -175,7 +175,7 @@ export default { } ``` -![en-us_image_0000001214717247](https://gitee.com/openharmony/docs/raw/OpenHarmony-3.1-Release/en/application-dev/reference/arkui-js/figures/en-us_image_0000001214717247.png) +![en-us_image_0000001214717247](figures/en-us_image_0000001214717247.png) ### miterLimit @@ -200,7 +200,7 @@ export default { } ``` -![en-us_image_0000001167001464](https://gitee.com/openharmony/docs/raw/OpenHarmony-3.1-Release/en/application-dev/reference/arkui-js/figures/en-us_image_0000001167001464.png) +![en-us_image_0000001167001464](figures/en-us_image_0000001167001464.png) ### font @@ -220,7 +220,7 @@ export default { } ``` -![en-us_image_0000001167046832](https://gitee.com/openharmony/docs/raw/OpenHarmony-3.1-Release/en/application-dev/reference/arkui-js/figures/en-us_image_0000001167046832.png) +![en-us_image_0000001167046832](figures/en-us_image_0000001167046832.png) ### textAlign @@ -254,7 +254,7 @@ export default { } ``` -![en-us_image_0000001167472798](https://gitee.com/openharmony/docs/raw/OpenHarmony-3.1-Release/en/application-dev/reference/arkui-js/figures/en-us_image_0000001167472798.png) +![en-us_image_0000001167472798](figures/en-us_image_0000001167472798.png) ### textBaseline @@ -287,7 +287,7 @@ export default { } ``` -![en-us_image_0000001169315920](https://gitee.com/openharmony/docs/raw/OpenHarmony-3.1-Release/en/application-dev/reference/arkui-js/figures/en-us_image_0000001169315920.png) +![en-us_image_0000001169315920](figures/en-us_image_0000001169315920.png) ### globalAlpha @@ -311,7 +311,7 @@ export default { } ``` -![en-us_image_0000001167953648](https://gitee.com/openharmony/docs/raw/OpenHarmony-3.1-Release/en/application-dev/reference/arkui-js/figures/en-us_image_0000001167953648.png) +![en-us_image_0000001167953648](figures/en-us_image_0000001167953648.png) ### lineDashOffset @@ -333,7 +333,7 @@ export default { } ``` -![en-us_image_0000001167950468](https://gitee.com/openharmony/docs/raw/OpenHarmony-3.1-Release/en/application-dev/reference/arkui-js/figures/en-us_image_0000001167950468.png) +![en-us_image_0000001167950468](figures/en-us_image_0000001167950468.png) ### globalCompositeOperation @@ -380,7 +380,7 @@ export default { } ``` -![en-us_image_0000001213192781](https://gitee.com/openharmony/docs/raw/OpenHarmony-3.1-Release/en/application-dev/reference/arkui-js/figures/en-us_image_0000001213192781.png) +![en-us_image_0000001213192781](figures/en-us_image_0000001213192781.png) In the above example, the blue rectangle represents the new drawing, and the red rectangle represents the existing drawing. @@ -404,7 +404,7 @@ export default { } ``` -![en-us_image_0000001168111514](https://gitee.com/openharmony/docs/raw/OpenHarmony-3.1-Release/en/application-dev/reference/arkui-js/figures/en-us_image_0000001168111514.png) +![en-us_image_0000001168111514](figures/en-us_image_0000001168111514.png) ### shadowColor @@ -426,7 +426,7 @@ export default { } ``` -![en-us_image_0000001168111610](https://gitee.com/openharmony/docs/raw/OpenHarmony-3.1-Release/en/application-dev/reference/arkui-js/figures/en-us_image_0000001168111610.png) +![en-us_image_0000001168111610](figures/en-us_image_0000001168111610.png) ### shadowOffsetX @@ -449,7 +449,7 @@ export default { } ``` -![en-us_image_0000001167631876](https://gitee.com/openharmony/docs/raw/OpenHarmony-3.1-Release/en/application-dev/reference/arkui-js/figures/en-us_image_0000001167631876.png) +![en-us_image_0000001167631876](figures/en-us_image_0000001167631876.png) ### shadowOffsetY @@ -472,7 +472,7 @@ export default { } ``` -![en-us_image_0000001213193285](https://gitee.com/openharmony/docs/raw/OpenHarmony-3.1-Release/en/application-dev/reference/arkui-js/figures/en-us_image_0000001213193285.png) +![en-us_image_0000001213193285](figures/en-us_image_0000001213193285.png) ### imageSmoothingEnabled6+ @@ -496,7 +496,7 @@ export default { } ``` -![smoothoff](https://gitee.com/openharmony/docs/raw/OpenHarmony-3.1-Release/en/application-dev/reference/arkui-js/figures/smoothoff.png) +![smoothoff](figures/smoothoff.png) ## Methods @@ -532,7 +532,7 @@ export default { } ``` -![en-us_image_0000001214811029](https://gitee.com/openharmony/docs/raw/OpenHarmony-3.1-Release/en/application-dev/reference/arkui-js/figures/en-us_image_0000001214811029.png) +![en-us_image_0000001214811029](figures/en-us_image_0000001214811029.png) ### clearRect @@ -571,7 +571,7 @@ Clears the content in a rectangle on the canvas. } ``` - ![en-us_image_0000001214619417](https://gitee.com/openharmony/docs/raw/OpenHarmony-3.1-Release/en/application-dev/reference/arkui-js/figures/en-us_image_0000001214619417.png) + ![en-us_image_0000001214619417](figures/en-us_image_0000001214619417.png) ### strokeRect @@ -608,7 +608,7 @@ Draws a rectangle stroke on the canvas. } ``` - ![en-us_image_0000001214822091](https://gitee.com/openharmony/docs/raw/OpenHarmony-3.1-Release/en/application-dev/reference/arkui-js/figures/en-us_image_0000001214822091.png) + ![en-us_image_0000001214822091](figures/en-us_image_0000001214822091.png) ### fillText @@ -645,7 +645,7 @@ Draws filled text on the canvas. } ``` - ![en-us_image_0000001214469787](https://gitee.com/openharmony/docs/raw/OpenHarmony-3.1-Release/en/application-dev/reference/arkui-js/figures/en-us_image_0000001214469787.png) + ![en-us_image_0000001214469787](figures/en-us_image_0000001214469787.png) ### strokeText @@ -682,7 +682,7 @@ Draws a text stroke on the canvas. } ``` - ![en-us_image_0000001214460669](https://gitee.com/openharmony/docs/raw/OpenHarmony-3.1-Release/en/application-dev/reference/arkui-js/figures/en-us_image_0000001214460669.png) + ![en-us_image_0000001214460669](figures/en-us_image_0000001214460669.png) ### measureText @@ -725,7 +725,7 @@ Returns a **TextMetrics** object used to obtain the width of specified text. } ``` - ![en-us_image_0000001169142476](https://gitee.com/openharmony/docs/raw/OpenHarmony-3.1-Release/en/application-dev/reference/arkui-js/figures/en-us_image_0000001169142476.png) + ![en-us_image_0000001169142476](figures/en-us_image_0000001169142476.png) ### stroke @@ -757,7 +757,7 @@ Draws a stroke. } ``` - ![en-us_image_0000001236697937](https://gitee.com/openharmony/docs/raw/OpenHarmony-3.1-Release/en/application-dev/reference/arkui-js/figures/en-us_image_0000001236697937.png) + ![en-us_image_0000001236697937](figures/en-us_image_0000001236697937.png) ### beginPath @@ -790,7 +790,7 @@ Creates a drawing path. } ``` - ![en-us_image_0000001214629745](https://gitee.com/openharmony/docs/raw/OpenHarmony-3.1-Release/en/application-dev/reference/arkui-js/figures/en-us_image_0000001214629745.png) + ![en-us_image_0000001214629745](figures/en-us_image_0000001214629745.png) ### moveTo @@ -828,7 +828,7 @@ Moves a drawing path to a target position on the canvas. } ``` - ![en-us_image_0000001169309948](https://gitee.com/openharmony/docs/raw/OpenHarmony-3.1-Release/en/application-dev/reference/arkui-js/figures/en-us_image_0000001169309948.png) + ![en-us_image_0000001169309948](figures/en-us_image_0000001169309948.png) ### lineTo @@ -866,7 +866,7 @@ Connects the current point to a target position using a straight line. } ``` - ![en-us_image_0000001169469914](https://gitee.com/openharmony/docs/raw/OpenHarmony-3.1-Release/en/application-dev/reference/arkui-js/figures/en-us_image_0000001169469914.png) + ![en-us_image_0000001169469914](figures/en-us_image_0000001169469914.png) ### closePath @@ -899,7 +899,7 @@ Draws a closed path. } ``` - ![en-us_image_0000001169151508](https://gitee.com/openharmony/docs/raw/OpenHarmony-3.1-Release/en/application-dev/reference/arkui-js/figures/en-us_image_0000001169151508.png) + ![en-us_image_0000001169151508](figures/en-us_image_0000001169151508.png) ### createPattern @@ -944,7 +944,7 @@ Creates a pattern for image filling based on a specified source image and repeti } ``` - ![en-us_image_0000001169301188](https://gitee.com/openharmony/docs/raw/OpenHarmony-3.1-Release/en/application-dev/reference/arkui-js/figures/en-us_image_0000001169301188.png) + ![en-us_image_0000001169301188](figures/en-us_image_0000001169301188.png) ### bezierCurveTo @@ -986,7 +986,7 @@ Draws a cubic bezier curve on the canvas. } ``` - ![en-us_image_0000001214621177](https://gitee.com/openharmony/docs/raw/OpenHarmony-3.1-Release/en/application-dev/reference/arkui-js/figures/en-us_image_0000001214621177.png) + ![en-us_image_0000001214621177](figures/en-us_image_0000001214621177.png) ### quadraticCurveTo @@ -1026,7 +1026,7 @@ Draws a quadratic curve on the canvas. } ``` - ![en-us_image_0000001169461910](https://gitee.com/openharmony/docs/raw/OpenHarmony-3.1-Release/en/application-dev/reference/arkui-js/figures/en-us_image_0000001169461910.png) + ![en-us_image_0000001169461910](figures/en-us_image_0000001169461910.png) ### arc @@ -1067,7 +1067,7 @@ Draws an arc on the canvas. } ``` - ![en-us_image_0000001169470288](https://gitee.com/openharmony/docs/raw/OpenHarmony-3.1-Release/en/application-dev/reference/arkui-js/figures/en-us_image_0000001169470288.png) + ![en-us_image_0000001169470288](figures/en-us_image_0000001169470288.png) ### arcTo @@ -1107,7 +1107,7 @@ Draws an arc based on the radius and points on the arc. } ``` - ![en-us_image_0000001169143586](https://gitee.com/openharmony/docs/raw/OpenHarmony-3.1-Release/en/application-dev/reference/arkui-js/figures/en-us_image_0000001169143586.png) + ![en-us_image_0000001169143586](figures/en-us_image_0000001169143586.png) ### ellipse6+ @@ -1150,7 +1150,7 @@ Draws an ellipse in the specified rectangular region on the canvas. } ``` - ![ellipse](https://gitee.com/openharmony/docs/raw/OpenHarmony-3.1-Release/en/application-dev/reference/arkui-js/figures/ellipse.png) + ![ellipse](figures/ellipse.png) ### rect @@ -1188,7 +1188,7 @@ Creates a rectangle on the canvas. } ``` - ![en-us_image_0000001214630783](https://gitee.com/openharmony/docs/raw/OpenHarmony-3.1-Release/en/application-dev/reference/arkui-js/figures/en-us_image_0000001214630783.png) + ![en-us_image_0000001214630783](figures/en-us_image_0000001214630783.png) ### fill @@ -1217,7 +1217,7 @@ Fills the area inside a closed path on the canvas. } ``` - ![en-us_image_0000001214703717](https://gitee.com/openharmony/docs/raw/OpenHarmony-3.1-Release/en/application-dev/reference/arkui-js/figures/en-us_image_0000001214703717.png) + ![en-us_image_0000001214703717](figures/en-us_image_0000001214703717.png) ### clip @@ -1250,7 +1250,7 @@ Sets the current path to a clipping path. } ``` - ![en-us_image_0000001169303414](https://gitee.com/openharmony/docs/raw/OpenHarmony-3.1-Release/en/application-dev/reference/arkui-js/figures/en-us_image_0000001169303414.png) + ![en-us_image_0000001169303414](figures/en-us_image_0000001169303414.png) ### rotate @@ -1285,7 +1285,7 @@ Rotates a canvas clockwise around its coordinate axes. } ``` - ![en-us_image_0000001169463368](https://gitee.com/openharmony/docs/raw/OpenHarmony-3.1-Release/en/application-dev/reference/arkui-js/figures/en-us_image_0000001169463368.png) + ![en-us_image_0000001169463368](figures/en-us_image_0000001169463368.png) ### scale @@ -1322,7 +1322,7 @@ Scales the canvas based on scale factors. } ``` - ![en-us_image_0000001214463281](https://gitee.com/openharmony/docs/raw/OpenHarmony-3.1-Release/en/application-dev/reference/arkui-js/figures/en-us_image_0000001214463281.png) + ![en-us_image_0000001214463281](figures/en-us_image_0000001214463281.png) ### transform @@ -1330,7 +1330,7 @@ transform(scaleX: number, skewX: number, skewY: number, scale: number, translate Defines a transformation matrix. To transform a graph, you only need to set parameters of the matrix. The coordinates of the graph are multiplied by the matrix values to obtain new coordinates of the transformed graph. You can use the matrix to implement multiple transform effects. -> ![icon-note.gif](https://gitee.com/openharmony/docs/raw/OpenHarmony-3.1-Release/en/application-dev/reference/arkui-js/public_sys-resources/icon-note.gif) **NOTE** +> ![icon-note.gif](public_sys-resources/icon-note.gif) **NOTE** > The following formulas calculate coordinates of the transformed graph. **x** and **y** represent coordinates before transformation, and **x'** and **y'** represent coordinates after transformation. > > - x' = scaleX * x + skewY * y + translateX @@ -1374,7 +1374,7 @@ Defines a transformation matrix. To transform a graph, you only need to set para } ``` - ![en-us_image_0000001214623227](https://gitee.com/openharmony/docs/raw/OpenHarmony-3.1-Release/en/application-dev/reference/arkui-js/figures/en-us_image_0000001214623227.png) + ![en-us_image_0000001214623227](figures/en-us_image_0000001214623227.png) ### setTransform @@ -1417,7 +1417,7 @@ Resets the existing transformation matrix and creates a new transformation matri } ``` - ![en-us_image_0000001168984880](https://gitee.com/openharmony/docs/raw/OpenHarmony-3.1-Release/en/application-dev/reference/arkui-js/figures/en-us_image_0000001168984880.png) + ![en-us_image_0000001168984880](figures/en-us_image_0000001168984880.png) ### translate @@ -1454,7 +1454,7 @@ Moves the origin of the coordinate system. } ``` - ![en-us_image_0000001169144864](https://gitee.com/openharmony/docs/raw/OpenHarmony-3.1-Release/en/application-dev/reference/arkui-js/figures/en-us_image_0000001169144864.png) + ![en-us_image_0000001169144864](figures/en-us_image_0000001169144864.png) ### createPath2D6+ @@ -1500,7 +1500,7 @@ Creates a **Path2D** object. } ``` - ![en-us_image_0000001214824709](https://gitee.com/openharmony/docs/raw/OpenHarmony-3.1-Release/en/application-dev/reference/arkui-js/figures/en-us_image_0000001214824709.png) + ![en-us_image_0000001214824709](figures/en-us_image_0000001214824709.png) ### drawImage @@ -1544,7 +1544,7 @@ Draws an image on the canvas. } ``` - ![en-us_image_0000001214704759](https://gitee.com/openharmony/docs/raw/OpenHarmony-3.1-Release/en/application-dev/reference/arkui-js/figures/en-us_image_0000001214704759.png) + ![en-us_image_0000001214704759](figures/en-us_image_0000001214704759.png) ### restore @@ -1648,7 +1648,7 @@ Creates a linear gradient and returns a **CanvasGradient** object. For details, } ``` - ![en-us_image_0000001169303416](https://gitee.com/openharmony/docs/raw/OpenHarmony-3.1-Release/en/application-dev/reference/arkui-js/figures/en-us_image_0000001169303416.png) + ![en-us_image_0000001169303416](figures/en-us_image_0000001169303416.png) ### createRadialGradient6+ @@ -1702,7 +1702,7 @@ Creates a radial gradient and returns a **CanvasGradient** object. } ``` - ![en-us_image_0000001169463370](https://gitee.com/openharmony/docs/raw/OpenHarmony-3.1-Release/en/application-dev/reference/arkui-js/figures/en-us_image_0000001169463370.png) + ![en-us_image_0000001169463370](figures/en-us_image_0000001169463370.png) ### createImageData @@ -1831,7 +1831,7 @@ Puts the **ImageData** onto a rectangular area on the canvas. } ``` - ![en-us_image_0000001214463283](https://gitee.com/openharmony/docs/raw/OpenHarmony-3.1-Release/en/application-dev/reference/arkui-js/figures/en-us_image_0000001214463283.png) + ![en-us_image_0000001214463283](figures/en-us_image_0000001214463283.png) ### setLineDash @@ -1867,7 +1867,7 @@ Sets the dash line style. } ``` - ![en-us_image_0000001214623229](https://gitee.com/openharmony/docs/raw/OpenHarmony-3.1-Release/en/application-dev/reference/arkui-js/figures/en-us_image_0000001214623229.png) + ![en-us_image_0000001214623229](figures/en-us_image_0000001214623229.png) ### getLineDash @@ -1939,4 +1939,4 @@ Displays the specified **ImageBitmap** object. } ``` - ![en-us_image_0000001168984882](https://gitee.com/openharmony/docs/raw/OpenHarmony-3.1-Release/en/application-dev/reference/arkui-js/figures/en-us_image_0000001168984882.png) \ No newline at end of file + ![en-us_image_0000001168984882](figures/en-us_image_0000001168984882.png) \ No newline at end of file diff --git a/en/application-dev/reference/arkui-js/js-components-canvas-image.md b/en/application-dev/reference/arkui-js/js-components-canvas-image.md index c4f54cbc505f8b1b0390d347c53c74075fab277c..a91df2450a037bba1d2093d3d7051cbc3d6491c0 100644 --- a/en/application-dev/reference/arkui-js/js-components-canvas-image.md +++ b/en/application-dev/reference/arkui-js/js-components-canvas-image.md @@ -39,4 +39,4 @@ export default { } ``` -![img](https://gitee.com/openharmony/docs/raw/OpenHarmony-3.1-Release/en/application-dev/reference/arkui-js/figures/1-9.png) \ No newline at end of file +![img](figures/1-9.png) \ No newline at end of file diff --git a/en/application-dev/reference/arkui-js/js-components-canvas-path2d.md b/en/application-dev/reference/arkui-js/js-components-canvas-path2d.md index 08353c55f4d15eb001f4141e5e2e7f057bb2d075..2ac27755648d8e6052888ea6ba4d0c6f8c4cbd0a 100644 --- a/en/application-dev/reference/arkui-js/js-components-canvas-path2d.md +++ b/en/application-dev/reference/arkui-js/js-components-canvas-path2d.md @@ -39,7 +39,7 @@ Adds a path to this path. } ``` - ![img](https://gitee.com/openharmony/docs/raw/OpenHarmony-3.1-Release/en/application-dev/reference/arkui-js/figures/en-us_image_0000001173164873.png) + ![img](figures/en-us_image_0000001173164873.png) ## setTransform @@ -82,7 +82,7 @@ Sets the path transformation matrix. } ``` - ![img](https://gitee.com/openharmony/docs/raw/OpenHarmony-3.1-Release/en/application-dev/reference/arkui-js/figures/en-us_image_0000001127125208.png) + ![img](figures/en-us_image_0000001127125208.png) ## closePath @@ -115,7 +115,7 @@ Moves the current point of the path back to the start point of the path, and dra } ``` - ![img](https://gitee.com/openharmony/docs/raw/OpenHarmony-3.1-Release/en/application-dev/reference/arkui-js/figures/en-us_image_0000001127125202.png) + ![img](figures/en-us_image_0000001127125202.png) ## moveTo @@ -157,7 +157,7 @@ Moves the current coordinate point of the path to the target point, without draw } ``` - ![img](https://gitee.com/openharmony/docs/raw/OpenHarmony-3.1-Release/en/application-dev/reference/arkui-js/figures/en-us_image_0000001173164869.png) + ![img](figures/en-us_image_0000001173164869.png) ## lineTo @@ -200,7 +200,7 @@ Draws a straight line from the current point to the target point. } ``` - ![img](https://gitee.com/openharmony/docs/raw/OpenHarmony-3.1-Release/en/application-dev/reference/arkui-js/figures/en-us_image_0000001127285024.png) + ![img](figures/en-us_image_0000001127285024.png) ## bezierCurveTo @@ -244,7 +244,7 @@ Draws a cubic bezier curve on the canvas. } ``` - ![img](https://gitee.com/openharmony/docs/raw/OpenHarmony-3.1-Release/en/application-dev/reference/arkui-js/figures/en-us_image_0000001173324783.png) + ![img](figures/en-us_image_0000001173324783.png) ## quadraticCurveTo @@ -286,7 +286,7 @@ Draws a quadratic curve on the canvas. } ``` - ![img](https://gitee.com/openharmony/docs/raw/OpenHarmony-3.1-Release/en/application-dev/reference/arkui-js/figures/en-us_image_0000001173164871.png) + ![img](figures/en-us_image_0000001173164871.png) ## arc @@ -329,7 +329,7 @@ Draws an arc on the canvas. } ``` - ![img](https://gitee.com/openharmony/docs/raw/OpenHarmony-3.1-Release/en/application-dev/reference/arkui-js/figures/en-us_image_0000001173164867.png) + ![img](figures/en-us_image_0000001173164867.png) ## arcTo @@ -371,7 +371,7 @@ Draws an arc based on the radius and points on the arc. } ``` - ![img](https://gitee.com/openharmony/docs/raw/OpenHarmony-3.1-Release/en/application-dev/reference/arkui-js/figures/en-us_image_0000001127125204.png) + ![img](figures/en-us_image_0000001127125204.png) ## ellipse @@ -416,7 +416,7 @@ Draws an ellipse in the specified rectangular region. } ``` - ![img](https://gitee.com/openharmony/docs/raw/OpenHarmony-3.1-Release/en/application-dev/reference/arkui-js/figures/en-us_image_0000001173324787.png) + ![img](figures/en-us_image_0000001173324787.png) ## rect @@ -457,4 +457,4 @@ Creates a rectangle. } ``` - ![img](https://gitee.com/openharmony/docs/raw/OpenHarmony-3.1-Release/en/application-dev/reference/arkui-js/figures/en-us_image_0000001127125212.png) \ No newline at end of file + ![img](figures/en-us_image_0000001127125212.png) \ No newline at end of file