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