代码拉取完成，页面将自动刷新
本示例使用Drawing进行图形绘制与显示时，使用@ohos.graphics.drawing模块的画布画笔绘制基本的2D图形和文字，调用绘制和显示的逻辑，在应用上显示图形和文字。
使用DevEco Studio 5.0.0及以上版本打开此工程，编译运行；
点击页面底部“画布操作及状态”按钮，页面将绘制与画布裁剪、矩阵变换等相关内容；
点击页面底部“几何形状绘制”按钮，页面将绘制几何形状（矩形、圆角矩形、椭圆等）；
点击页面底部“路径绘制”按钮，页面将绘制路径（路径填充、路径描边、曲线闭合、曲线未闭合等）；
点击页面底部“图片和字块绘制”按钮，页面将绘制图片和文字等相关内容；
点击页面底部“复杂绘制效果”按钮，页面将复杂绘制效果等相关内容。
| 主页 | 画布操作及状态 | 几何形状绘制 | 路径绘制 | 图片和字块绘制 | 复杂绘制效果 |
|---|---|---|---|---|---|
|
|
|
|
|
|
├──entry/src/main
│ ├──ets // ets代码区
│ │ ├──common
│ │ │ └──Logger.ts // 日志封装定义文件
│ │ │ └──CanvasRenderNode.ets // 画布操作及状态相关的RenderNode
│ │ │ └──ShapeRenderNode.ets // 几何形状绘制相关的RenderNode
│ │ │ └──PathRenderNode.ets // 路径绘制相关的RenderNode
│ │ │ └──ImageRenderNode.ets // 图片绘制相关的RenderNode
│ │ │ └──TextBlobRenderNode.ets // 字块绘制相关的RenderNode
│ │ │ └──ComplexRenderNode.ets // 复杂绘制效果相关的RenderNode
│ │ ├──entryability // 不涉及
│ │ ├──entrybackupability // 不涉及
│ │ └──pages // 页面文件
│ │ └──Index.ets // 主界面
| ├──resources // 资源文件目录
暂无
暂无
如需单独下载本工程，执行如下命令：
git init
git config core.sparsecheckout true
echo code/BasicFeature/Graphics/Graphics2d/TsDrawingSample/ > .git/info/sparse-checkout
git remote add origin https://gitee.com/openharmony/applications_app_samples.git
git pull origin master
此处可能存在不合适展示的内容，页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容，可点击提交进行申诉，我们将尽快为您处理。
马建仓 AI 助手