# ui\_canvas.h<a name="ZH-CN_TOPIC_0000001055518072"></a>

-   [Overview](#section1499819865165629)
-   [Summary](#section1670551179165629)
-   [Data Structures](#nested-classes)

## **Overview**<a name="section1499819865165629"></a>

**Related Modules:**

[Graphic](Graphic.md)

**Description:**

Defines the attributes of the canvas component and provides functions for drawing rectangles, circles, and others. 

**Since:**

1.0

**Version:**

1.0

## **Summary**<a name="section1670551179165629"></a>

## Data Structures<a name="nested-classes"></a>

<a name="table368701099165629"></a>
<table><thead align="left"><tr id="row386970924165629"><th class="cellrowborder" valign="top" width="50%" id="mcps1.1.3.1.1"><p id="p464879725165629"><a name="p464879725165629"></a><a name="p464879725165629"></a>Data Structure Name</p>
</th>
<th class="cellrowborder" valign="top" width="50%" id="mcps1.1.3.1.2"><p id="p1733573280165629"><a name="p1733573280165629"></a><a name="p1733573280165629"></a>Description</p>
</th>
</tr>
</thead>
<tbody><tr id="row422761370165629"><td class="cellrowborder" valign="top" width="50%" headers="mcps1.1.3.1.1 "><p id="p614298391165629"><a name="p614298391165629"></a><a name="p614298391165629"></a><a href="OHOS-Paint.md">OHOS::Paint</a></p>
</td>
<td class="cellrowborder" valign="top" width="50%" headers="mcps1.1.3.1.2 "><p id="p701554720165629"><a name="p701554720165629"></a><a name="p701554720165629"></a>Defines the basic styles of graphs drawn on canvases. </p>
</td>
</tr>
<tr id="row729986630165629"><td class="cellrowborder" valign="top" width="50%" headers="mcps1.1.3.1.1 "><p id="p843169796165629"><a name="p843169796165629"></a><a name="p843169796165629"></a><a href="OHOS-UICanvas.md">OHOS::UICanvas</a></p>
</td>
<td class="cellrowborder" valign="top" width="50%" headers="mcps1.1.3.1.2 "><p id="p907371015165629"><a name="p907371015165629"></a><a name="p907371015165629"></a>Defines a canvas, which is used to draw multiple types of 2D graphs. </p>
</td>
</tr>
<tr id="row2109280885165629"><td class="cellrowborder" valign="top" width="50%" headers="mcps1.1.3.1.1 "><p id="p747637538165629"><a name="p747637538165629"></a><a name="p747637538165629"></a><a href="OHOS-UICanvas-FontStyle.md">OHOS::UICanvas::FontStyle</a></p>
</td>
<td class="cellrowborder" valign="top" width="50%" headers="mcps1.1.3.1.2 "><p id="p1905826220165629"><a name="p1905826220165629"></a><a name="p1905826220165629"></a>Defines the font style. </p>
</td>
</tr>
</tbody>
</table>