diff --git a/en/application-dev/reference/arkui-ts/ts-drawing-components-circle.md b/en/application-dev/reference/arkui-ts/ts-drawing-components-circle.md
index d462606e550e10892d64e45a31af955f13a6d2e8..93151779931c427ebe33a0d546cd73f46cd5bd47 100644
--- a/en/application-dev/reference/arkui-ts/ts-drawing-components-circle.md
+++ b/en/application-dev/reference/arkui-ts/ts-drawing-components-circle.md
@@ -1,7 +1,7 @@
# Circle
-> ![icon-note.gif](public_sys-resources/icon-note.gif) **NOTE**
+> **NOTE**
> This component is supported since API version 7. Updates will be marked with a superscript to indicate their earliest API version.
@@ -23,12 +23,12 @@ None
Circle(options?: {width: Length, height: Length})
- Parameters
- | Name | Type | Mandatory | Default Value | Description |
+ | Name | Type | Mandatory | Default Value | Description |
| -------- | -------- | -------- | -------- | -------- |
| options | Object | No | - | For details, see the **options** parameters. |
- options parameters
- | Name | Type | Mandatory | Default Value | Description |
+ | Name | Type | Mandatory | Default Value | Description |
| -------- | -------- | -------- | -------- | -------- |
| width | Length | Yes | - | Width. |
| height | Length | Yes | - | Height. |
@@ -36,7 +36,7 @@ Circle(options?: {width: Length, height: Length})
## Attributes
- | Name | Type | Default Value | Mandatory | Description |
+| Name | Type | Default Value | Mandatory | Description |
| -------- | -------- | -------- | -------- | -------- |
| width | Length | 0 | No | Width of the rectangle where the circle is located. |
| height | Length | 0 | No | Height of the rectangle where the circle is located. |
@@ -45,7 +45,7 @@ Circle(options?: {width: Length, height: Length})
## Example
-```
+```ts
@Entry
@Component
struct CircleExample {
@@ -60,4 +60,4 @@ struct CircleExample {
}
```
-![en-us_image_0000001256978353](figures/en-us_image_0000001256978353.png)
+![en-us_image_0000001256978353](figures/en-us_image_0000001256978353.png)
\ No newline at end of file
diff --git a/en/application-dev/reference/arkui-ts/ts-drawing-components-ellipse.md b/en/application-dev/reference/arkui-ts/ts-drawing-components-ellipse.md
index 8dc038f4cd1244eac9597a8895d34a83e5335e65..7f8f3bab815ae105bdc58108bcf80268394d96a2 100644
--- a/en/application-dev/reference/arkui-ts/ts-drawing-components-ellipse.md
+++ b/en/application-dev/reference/arkui-ts/ts-drawing-components-ellipse.md
@@ -1,7 +1,7 @@
# Ellipse
-> ![icon-note.gif](public_sys-resources/icon-note.gif) **NOTE**
+> **NOTE**
> This component is supported since API version 7. Updates will be marked with a superscript to indicate their earliest API version.
@@ -23,12 +23,12 @@ None
ellipse(options?: {width: Length, height: Length})
- Parameters
- | Name | Type | Mandatory | Default Value | Description |
+ | Name | Type | Mandatory | Default Value | Description |
| -------- | -------- | -------- | -------- | -------- |
| options | Object | No | - | For details, see the **options** parameters. |
- options parameters
- | Name | Type | Mandatory | Default Value | Description |
+ | Name | Type | Mandatory | Default Value | Description |
| -------- | -------- | -------- | -------- | -------- |
| width | Length | Yes | - | Width. |
| height | Length | Yes | - | Height. |
@@ -36,7 +36,7 @@ ellipse(options?: {width: Length, height: Length})
## Attributes
- | Name | Type | Default Value | Mandatory | Description |
+| Name | Type | Default Value | Mandatory | Description |
| -------- | -------- | -------- | -------- | -------- |
| width | Length | 0 | No | Width of the rectangle where the ellipse is located. |
| height | Length | 0 | No | Height of the rectangle where the ellipse is located. |
@@ -45,7 +45,7 @@ ellipse(options?: {width: Length, height: Length})
## Example
-```
+```ts
@Entry
@Component
struct EllipseExample {
@@ -60,4 +60,4 @@ struct EllipseExample {
}
```
-![en-us_image_0000001212058488](figures/en-us_image_0000001212058488.png)
+![en-us_image_0000001212058488](figures/en-us_image_0000001212058488.png)
\ No newline at end of file
diff --git a/en/application-dev/reference/arkui-ts/ts-drawing-components-line.md b/en/application-dev/reference/arkui-ts/ts-drawing-components-line.md
index 6bc655a5407bb61b277f2a36006c9f495538d301..e7b42fba304663d9fb13671166d21d900adbe5f5 100644
--- a/en/application-dev/reference/arkui-ts/ts-drawing-components-line.md
+++ b/en/application-dev/reference/arkui-ts/ts-drawing-components-line.md
@@ -1,7 +1,7 @@
# Line
-> ![icon-note.gif](public_sys-resources/icon-note.gif) **NOTE**
+> **NOTE**
> This component is supported since API version 7. Updates will be marked with a superscript to indicate their earliest API version.
@@ -23,12 +23,12 @@ None
Line(options?: {width: Length, height: Length})
- Parameters
- | Name | Type | Mandatory | Default Value | Description |
+ | Name | Type | Mandatory | Default Value | Description |
| -------- | -------- | -------- | -------- | -------- |
| options | Object | No | - | For details, see the **options** parameters. |
- options parameters
- | Name | Type | Mandatory | Default Value | Description |
+ | Name | Type | Mandatory | Default Value | Description |
| -------- | -------- | -------- | -------- | -------- |
| width | Length | Yes | - | Width. |
| height | Length | Yes | - | Height. |
@@ -36,7 +36,7 @@ Line(options?: {width: Length, height: Length})
## Attributes
- | Name | Type | Default Value | Mandatory | Description |
+| Name | Type | Default Value | Mandatory | Description |
| -------- | -------- | -------- | -------- | -------- |
| width | Length | 0 | No | Width of the rectangle where the straight line is located. |
| height | Length | 0 | No | Height of the rectangle where the straight line is located. |
@@ -47,7 +47,7 @@ Line(options?: {width: Length, height: Length})
## Example
-```
+```ts
@Entry
@Component
struct LineExample {
@@ -60,4 +60,4 @@ struct LineExample {
}
```
-![en-us_image_0000001256858387](figures/en-us_image_0000001256858387.jpg)
+![en-us_image_0000001256858387](figures/en-us_image_0000001256858387.jpg)
\ No newline at end of file
diff --git a/en/application-dev/reference/arkui-ts/ts-drawing-components-path.md b/en/application-dev/reference/arkui-ts/ts-drawing-components-path.md
index 640678045ce64df22aeb570f436b66e86a3d9c3d..92d5715ef7aa1f5570904f0d596ecbee2e7f3681 100644
--- a/en/application-dev/reference/arkui-ts/ts-drawing-components-path.md
+++ b/en/application-dev/reference/arkui-ts/ts-drawing-components-path.md
@@ -1,7 +1,7 @@
# Path
-> ![icon-note.gif](public_sys-resources/icon-note.gif) **NOTE**
+> **NOTE**
> This component is supported since API version 7. Updates will be marked with a superscript to indicate their earliest API version.
@@ -20,7 +20,7 @@ None
## Attributes
- | Name | Type | Default Value | Mandatory | Description |
+| Name | Type | Default Value | Mandatory | Description |
| -------- | -------- | -------- | -------- | -------- |
| width | Length | 0 | No | Width of the rectangle where the path is located. |
| height | Length | 0 | No | Height of the rectangle where the path is located. |
@@ -57,7 +57,7 @@ For example, the command **M0 20 L50 50 L50 100 Z** defines a path that starts f
## Example
-```
+```ts
@Entry
@Component
struct PathExample {
@@ -88,4 +88,4 @@ struct PathExample {
}
```
-![en-us_image_0000001212058492](figures/en-us_image_0000001212058492.png)
+![en-us_image_0000001212058492](figures/en-us_image_0000001212058492.png)
\ No newline at end of file
diff --git a/en/application-dev/reference/arkui-ts/ts-drawing-components-polygon.md b/en/application-dev/reference/arkui-ts/ts-drawing-components-polygon.md
index 65d26dc9d1388cac2d8eddb4da24b420fec9d2e3..13481d0f235a292adc6f0902a2ce2697fe533879 100644
--- a/en/application-dev/reference/arkui-ts/ts-drawing-components-polygon.md
+++ b/en/application-dev/reference/arkui-ts/ts-drawing-components-polygon.md
@@ -1,7 +1,7 @@
# Polygon
-> ![icon-note.gif](public_sys-resources/icon-note.gif) **NOTE**
+> **NOTE**
> This component is supported since API version 7. Updates will be marked with a superscript to indicate their earliest API version.
@@ -23,12 +23,12 @@ None
Polygon(value:{options?: {width: Length, height: Length}})
- Parameters
- | Name | Type | Mandatory | Default Value | Description |
+ | Name | Type | Mandatory | Default Value | Description |
| -------- | -------- | -------- | -------- | -------- |
| options | Object | No | - | For details, see the **options** parameters. |
- options parameters
- | Name | Type | Mandatory | Default Value | Description |
+ | Name | Type | Mandatory | Default Value | Description |
| -------- | -------- | -------- | -------- | -------- |
| width | Length | Yes | - | Width. |
| height | Length | Yes | - | Height. |
@@ -36,7 +36,7 @@ Polygon(value:{options?: {width: Length, height: Length}})
## Attributes
- | Name | Type | Default Value | Mandatory | Description |
+| Name | Type | Default Value | Mandatory | Description |
| -------- | -------- | -------- | -------- | -------- |
| width | Length | 0 | No | Width of the rectangle where the polygon is located. |
| height | Length | 0 | No | Height of the rectangle where the polygon is located. |
@@ -46,7 +46,7 @@ Polygon(value:{options?: {width: Length, height: Length}})
## Example
-```
+```ts
@Entry
@Component
struct PolygonExample {
@@ -65,4 +65,4 @@ struct PolygonExample {
}
```
-![en-us_image_0000001212218458](figures/en-us_image_0000001212218458.gif)
+![en-us_image_0000001212218458](figures/en-us_image_0000001212218458.gif)
\ No newline at end of file
diff --git a/en/application-dev/reference/arkui-ts/ts-drawing-components-polyline.md b/en/application-dev/reference/arkui-ts/ts-drawing-components-polyline.md
index 1ffdd3cb28943e1d2f1b7a4c1a35b611af5f4d6b..46be2a6f99bacc29d3179008ab776c91c497ca2e 100644
--- a/en/application-dev/reference/arkui-ts/ts-drawing-components-polyline.md
+++ b/en/application-dev/reference/arkui-ts/ts-drawing-components-polyline.md
@@ -1,7 +1,7 @@
# Polyline
-> ![icon-note.gif](public_sys-resources/icon-note.gif) **NOTE**
+> **NOTE**
> This component is supported since API version 7. Updates will be marked with a superscript to indicate their earliest API version.
@@ -23,12 +23,12 @@ None
Polyline(options?: {width: Length, height: Length})
- Parameters
- | Name | Type | Mandatory | Default Value | Description |
+ | Name | Type | Mandatory | Default Value | Description |
| -------- | -------- | -------- | -------- | -------- |
| options | Object | No | - | For details, see the **options** parameters. |
- options parameters
- | Name | Type | Mandatory | Default Value | Description |
+ | Name | Type | Mandatory | Default Value | Description |
| -------- | -------- | -------- | -------- | -------- |
| width | Length | Yes | - | Width. |
| height | Length | Yes | - | Height. |
@@ -36,7 +36,7 @@ Polyline(options?: {width: Length, height: Length})
## Attributes
- | Name | Type | Default Value | Mandatory | Description |
+| Name | Type | Default Value | Mandatory | Description |
| -------- | -------- | -------- | -------- | -------- |
| width | Length | 0 | No | Width of the rectangle where the polyline is located. |
| height | Length | 0 | No | Height of the rectangle where the polyline is located. |
@@ -46,7 +46,7 @@ Polyline(options?: {width: Length, height: Length})
## Example
-```
+```ts
@Entry
@Component
struct PolylineExample {
@@ -63,4 +63,4 @@ struct PolylineExample {
}
```
-![en-us_image_0000001212218432](figures/en-us_image_0000001212218432.gif)
+![en-us_image_0000001212218432](figures/en-us_image_0000001212218432.gif)
\ No newline at end of file
diff --git a/en/application-dev/reference/arkui-ts/ts-drawing-components-rect.md b/en/application-dev/reference/arkui-ts/ts-drawing-components-rect.md
index 45abfb085736f57bc08876512b9e4fabd3402328..b2cffda44f1c3059e015096baf5f67a68e682aee 100644
--- a/en/application-dev/reference/arkui-ts/ts-drawing-components-rect.md
+++ b/en/application-dev/reference/arkui-ts/ts-drawing-components-rect.md
@@ -1,7 +1,7 @@
# Rect
-> ![icon-note.gif](public_sys-resources/icon-note.gif) **NOTE**
+> **NOTE**
> This component is supported since API version 7. Updates will be marked with a superscript to indicate their earliest API version.
@@ -23,12 +23,12 @@ None
Rect(value:{options?: {width: Length,height: Length,radius?: Length | Array<Length>} | {width: Length,height: Length,radiusWidth?: Length,radiusHeight?: Length}})
- Parameters
- | Name | Type | Mandatory | Default Value | Description |
+ | Name | Type | Mandatory | Default Value | Description |
| -------- | -------- | -------- | -------- | -------- |
| options | Object | No | - | For details, see the **options** parameters. |
- options parameters
- | Name | Type | Mandatory | Default Value | Description |
+ | Name | Type | Mandatory | Default Value | Description |
| -------- | -------- | -------- | -------- | -------- |
| width | Length | Yes | - | Width. |
| height | Length | Yes | - | Height. |
@@ -39,7 +39,7 @@ Rect(value:{options?: {width: Length,height: Length,radius?: Length | Array<L
## Attributes
- | Name | Type | Default Value | Mandatory | Description |
+| Name | Type | Default Value | Mandatory | Description |
| -------- | -------- | -------- | -------- | -------- |
| width | Length | 0 | No | Width. |
| height | Length | 0 | No | Height. |
@@ -51,7 +51,7 @@ Rect(value:{options?: {width: Length,height: Length,radius?: Length | Array<L
## Example
-```
+```ts
@Entry
@Component
struct RectExample {
@@ -73,4 +73,4 @@ struct RectExample {
}
```
-![en-us_image_0000001212218454](figures/en-us_image_0000001212218454.png)
+![en-us_image_0000001212218454](figures/en-us_image_0000001212218454.png)
\ No newline at end of file
diff --git a/en/application-dev/reference/arkui-ts/ts-drawing-components-shape.md b/en/application-dev/reference/arkui-ts/ts-drawing-components-shape.md
index 5c17b095ddbf3fe50dabe66f1db4cf15331d1f02..f79e047e90b66decd8326d9d6fc85df737454292 100644
--- a/en/application-dev/reference/arkui-ts/ts-drawing-components-shape.md
+++ b/en/application-dev/reference/arkui-ts/ts-drawing-components-shape.md
@@ -1,7 +1,7 @@
# Shape
-> ![icon-note.gif](public_sys-resources/icon-note.gif) **NOTE**
+> **NOTE**
> This component is supported since API version 7. Updates will be marked with a superscript to indicate their earliest API version.
@@ -29,14 +29,14 @@ The **<Shape>** component can contain child components.
Shape(value:{target?: PixelMap})
- Parameters
- | Name | Type | Mandatory | Default Value | Description |
+ | Name | Type | Mandatory | Default Value | Description |
| -------- | -------- | -------- | -------- | -------- |
| target | PixelMap | No | null | Shape to draw. You can draw a shape in the specified **PixelMap** object. If no object is specified, the shape is drawn in the current drawing target. |
## Attributes
- | Name | Type | Default Value | Mandatory | Description |
+| Name | Type | Default Value | Mandatory | Description |
| -------- | -------- | -------- | -------- | -------- |
| viewPort | {
x: Length,
y: Length,
width: Length,
height: Length
} | - | Yes | View port of the shape. |
| fill | Color | Black | No | Fill color. |
@@ -51,7 +51,7 @@ Shape(value:{target?: PixelMap})
| antiAlias | boolean | true | No | Whether anti-aliasing is enabled. |
- LineJoinStyle enums
- | Name | Description |
+ | Name | Description |
| -------- | -------- |
| Bevel | Bevel is used to connect paths. |
| Miter | Miter is used to connect paths. |
@@ -61,7 +61,7 @@ Shape(value:{target?: PixelMap})
## Example
-```
+```ts
@Entry
@Component
struct ShapeExample {
@@ -123,4 +123,4 @@ struct ShapeExample {
}
```
-![en-us_image_0000001257058393](figures/en-us_image_0000001257058393.png)
+![en-us_image_0000001257058393](figures/en-us_image_0000001257058393.png)
\ No newline at end of file