未验证 提交 777d8db8 编写于 作者: K king_he 提交者: Gitee

update en/application-dev/reference/arkui-ts/ts-drawing-components-shape.md.

Signed-off-by: Nking_he <6384784@qq.com>
上级 01ad2bf3
# Shape # Shape
> ![icon-note.gif](public_sys-resources/icon-note.gif) **NOTE** > **NOTE**<br>
> This component is supported since API version 7. Updates will be marked with a superscript to indicate their earliest API version. > This component is supported since API version 7. Updates will be marked with a superscript to indicate their earliest API version.
The **&lt;Shape&gt;** component is the parent component of the drawing components. The attributes described in this topic are universal attributes supported by all the drawing components. The **<Shape\>** component is the parent component of the drawing components. The attributes described in this topic are universal attributes supported by all the drawing components.
1. The drawing components use **&lt;Shape&gt;** as the parent component to implement the effect similar to SVG. 1. Drawing components use **<Shape\>** as their parent component to implement the effect similar to SVG.
2. The **&lt;Shape&gt;** component is used independently to draw a specific shape. 2. The **<Shape\>** component is used independently to draw a specific shape.
## Required Permissions ## Required Permissions
...@@ -29,14 +29,14 @@ The **&lt;Shape&gt;** component can contain child components. ...@@ -29,14 +29,14 @@ The **&lt;Shape&gt;** component can contain child components.
Shape(value:{target?: PixelMap}) Shape(value:{target?: PixelMap})
- Parameters - 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. | | 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 ## Attributes
| Name | Type | Default Value | Mandatory | Description | | Name | Type | Default Value | Mandatory | Description |
| -------- | -------- | -------- | -------- | -------- | | -------- | -------- | -------- | -------- | -------- |
| viewPort | {<br/>x: Length,<br/>y: Length,<br/>width: Length,<br/>height: Length<br/>} | - | Yes | View port of the shape. | | viewPort | {<br/>x: Length,<br/>y: Length,<br/>width: Length,<br/>height: Length<br/>} | - | Yes | View port of the shape. |
| fill | Color | Black | No | Fill color. | | fill | Color | Black | No | Fill color. |
...@@ -51,7 +51,7 @@ Shape(value:{target?: PixelMap}) ...@@ -51,7 +51,7 @@ Shape(value:{target?: PixelMap})
| antiAlias | boolean | true | No | Whether anti-aliasing is enabled. | | antiAlias | boolean | true | No | Whether anti-aliasing is enabled. |
- LineJoinStyle enums - LineJoinStyle enums
| Name | Description | | Name | Description |
| -------- | -------- | | -------- | -------- |
| Bevel | Bevel is used to connect paths. | | Bevel | Bevel is used to connect paths. |
| Miter | Miter is used to connect paths. | | Miter | Miter is used to connect paths. |
......
Markdown is supported
0% .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑!
想要评论请 注册