diff --git a/OAT.xml b/OAT.xml
index 71bcc3b4118f73c264d08424086498be04078a3e..753fd38f1542910077a7deb762b72a726d84d668 100644
--- a/OAT.xml
+++ b/OAT.xml
@@ -1,5 +1,5 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<!-- Copyright (c) 2021 Huawei Device Co., Ltd.
+<!-- Copyright (c) 2021-2025 Huawei Device Co., Ltd.
 
      Licensed under the Apache License, Version 2.0 (the "License");
      you may not use this file except in compliance with the License.
@@ -430,6 +430,16 @@ Note:If the text contains special characters, please escape them according to th
 				<filteritem type="filepath" name="code/BasicFeature/Native/NdkDrawing/screenshots/device/Index.jpg" desc="Provided by code/BasicFeature/Native/NdkDrawing"/>
 				<filteritem type="filepath" name="code/BasicFeature/Native/NdkDrawing/screenshots/device/DrawPath.jpg" desc="Provided by code/BasicFeature/Native/NdkDrawing"/>
 				<filteritem type="filepath" name="code/BasicFeature/Native/NdkDrawing/screenshots/device/DrawText.jpg" desc="Provided by code/BasicFeature/Native/NdkDrawing"/>
+				<filteritem type="filepath" name="code/BasicFeature/Native/NdkDrawingSample/entry/src/main/resources/base/media/background.png" desc="Provided by code/BasicFeature/Native/NdkDrawingSample"/>
+				<filteritem type="filepath" name="code/BasicFeature/Native/NdkDrawingSample/entry/src/main/resources/base/media/foreground.png" desc="Provided by code/BasicFeature/Native/NdkDrawingSample"/>
+				<filteritem type="filepath" name="code/BasicFeature/Native/NdkDrawingSample/entry/src/main/resources/base/media/startIcon.png" desc="Provided by code/BasicFeature/Native/NdkDrawingSample"/>
+				<filteritem type="filepath" name="code/BasicFeature/Native/NdkDrawingSample/AppScope/resources/base/media/app_icon.png" desc="Provided by code/BasicFeature/Native/NdkDrawingSample"/>
+				<filteritem type="filepath" name="code/BasicFeature/Native/NdkDrawingSample/screenshots/device/Index.jpeg" desc="Provided by code/BasicFeature/Native/NdkTsDrawing"/>
+				<filteritem type="filepath" name="code/BasicFeature/Native/NdkDrawingSample/screenshots/device/Path.jpeg" desc="Provided by code/BasicFeature/Native/NdkDrawingSample"/>
+				<filteritem type="filepath" name="code/BasicFeature/Native/NdkDrawingSample/screenshots/device/ImageAndFont.jpeg" desc="Provided by code/BasicFeature/Native/NdkDrawingSample"/>
+				<filteritem type="filepath" name="code/BasicFeature/Native/NdkDrawingSample/screenshots/device/Canvas.jpeg" desc="Provided by code/BasicFeature/Native/NdkDrawingSample"/>
+				<filteritem type="filepath" name="code/BasicFeature/Native/NdkDrawingSample/screenshots/device/GeometricShape.jpeg" desc="Provided by code/BasicFeature/Native/NdkDrawingSample"/>
+				<filteritem type="filepath" name="code/BasicFeature/Native/NdkDrawingSample/screenshots/device/Complex.jpeg" desc="Provided by code/BasicFeature/Native/NdkDrawingSample"/>
 				<filteritem type="filepath" name="code/BasicFeature/Native/NdkVulkan/entry/src/ohosTest/resources/base/media/icon.png" desc="Provided by code/BasicFeature/Native/NdkVulkan"/>
 				<filteritem type="filepath" name="code/BasicFeature/Native/NdkVulkan/AppScope/resources/rawfile/shaders/vert.spv" desc="Provided by code/BasicFeature/Native/NdkVulkan"/>
 				<filteritem type="filepath" name="code/BasicFeature/Native/NdkVulkan/AppScope/resources/base/media/app_icon.png" desc="Provided by code/BasicFeature/Native/NdkVulkan"/>
diff --git a/code/BasicFeature/Native/NdkDrawingSample/.gitignore b/code/BasicFeature/Native/NdkDrawingSample/.gitignore
new file mode 100755
index 0000000000000000000000000000000000000000..d2ff20141ceed86d87c0ea5d99481973005bab2b
--- /dev/null
+++ b/code/BasicFeature/Native/NdkDrawingSample/.gitignore
@@ -0,0 +1,12 @@
+/node_modules
+/oh_modules
+/local.properties
+/.idea
+**/build
+/.hvigor
+.cxx
+/.clangd
+/.clang-format
+/.clang-tidy
+**/.test
+/.appanalyzer
\ No newline at end of file
diff --git a/code/BasicFeature/Native/NdkDrawingSample/AppScope/app.json5 b/code/BasicFeature/Native/NdkDrawingSample/AppScope/app.json5
new file mode 100755
index 0000000000000000000000000000000000000000..f4ea7a82f4f4a1c9adf6c5f8d933fd6b64d61590
--- /dev/null
+++ b/code/BasicFeature/Native/NdkDrawingSample/AppScope/app.json5
@@ -0,0 +1,25 @@
+/*
+ * Copyright (c) 2025 Huawei Device Co., Ltd.
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+{
+  "app": {
+    "bundleName": "com.samples.ndkdrawingsample",
+    "vendor": "example",
+    "versionCode": 1000000,
+    "versionName": "1.0.0",
+    "icon": "$media:app_icon",
+    "label": "$string:app_name"
+  }
+}
diff --git a/code/BasicFeature/Native/NdkDrawingSample/AppScope/resources/base/element/string.json b/code/BasicFeature/Native/NdkDrawingSample/AppScope/resources/base/element/string.json
new file mode 100755
index 0000000000000000000000000000000000000000..35e5694102fe057b7cc417d53411c6847913c145
--- /dev/null
+++ b/code/BasicFeature/Native/NdkDrawingSample/AppScope/resources/base/element/string.json
@@ -0,0 +1,8 @@
+{
+  "string": [
+    {
+      "name": "app_name",
+      "value": "NdkDrawingSample"
+    }
+  ]
+}
diff --git a/code/BasicFeature/Native/NdkDrawingSample/AppScope/resources/base/media/app_icon.png b/code/BasicFeature/Native/NdkDrawingSample/AppScope/resources/base/media/app_icon.png
new file mode 100755
index 0000000000000000000000000000000000000000..a39445dc87828b76fed6d2ec470dd455c45319e3
Binary files /dev/null and b/code/BasicFeature/Native/NdkDrawingSample/AppScope/resources/base/media/app_icon.png differ
diff --git a/code/BasicFeature/Native/NdkDrawingSample/LICENSE b/code/BasicFeature/Native/NdkDrawingSample/LICENSE
new file mode 100755
index 0000000000000000000000000000000000000000..18795a48d6b12fcdc1aa7bac9a9cb99f83815267
--- /dev/null
+++ b/code/BasicFeature/Native/NdkDrawingSample/LICENSE
@@ -0,0 +1,78 @@
+   Copyright (c) 2025 Huawei Device Co., Ltd. All rights reserved.
+
+   Licensed under the Apache License, Version 2.0 (the "License");
+   you may not use this file except in compliance with the License.
+   You may obtain a copy of the License at
+
+     http://www.apache.org/licenses/LICENSE-2.0
+
+   Unless required by applicable law or agreed to in writing, software
+   distributed under the License is distributed on an "AS IS" BASIS,
+   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+   See the License for the specific language governing permissions and
+   limitations under the License.
+
+Apache License, Version 2.0
+TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION
+
+1. Definitions.
+
+"License" shall mean the terms and conditions for use, reproduction, and distribution as defined by Sections 1 through 9 of this document.
+
+"Licensor" shall mean the copyright owner or entity authorized by the copyright owner that is granting the License.
+
+"Legal Entity" shall mean the union of the acting entity and all other entities that control, are controlled by, or are under common control with that entity. For the purposes of this definition, "control" means (i) the power, direct or indirect, to cause the direction or management of such entity, whether by contract or otherwise, or (ii) ownership of fifty percent (50%) or more of the outstanding shares, or (iii) beneficial ownership of such entity.
+
+"You" (or "Your") shall mean an individual or Legal Entity exercising permissions granted by this License.
+
+"Source" form shall mean the preferred form for making modifications, including but not limited to software source code, documentation source, and configuration files.
+
+"Object" form shall mean any form resulting from mechanical transformation or translation of a Source form, including but not limited to compiled object code, generated documentation, and conversions to other media types.
+
+"Work" shall mean the work of authorship, whether in Source or Object form, made available under the License, as indicated by a copyright notice that is included in or attached to the work (an example is provided in the Appendix below).
+
+"Derivative Works" shall mean any work, whether in Source or Object form, that is based on (or derived from) the Work and for which the editorial revisions, annotations, elaborations, or other modifications represent, as a whole, an original work of authorship. For the purposes of this License, Derivative Works shall not include works that remain separable from, or merely link (or bind by name) to the interfaces of, the Work and Derivative Works thereof.
+
+"Contribution" shall mean any work of authorship, including the original version of the Work and any modifications or additions to that Work or Derivative Works thereof, that is intentionally submitted to Licensor for inclusion in the Work by the copyright owner or by an individual or Legal Entity authorized to submit on behalf of the copyright owner. For the purposes of this definition, "submitted" means any form of electronic, verbal, or written communication sent to the Licensor or its representatives, including but not limited to communication on electronic mailing lists, source code control systems, and issue tracking systems that are managed by, or on behalf of, the Licensor for the purpose of discussing and improving the Work, but excluding communication that is conspicuously marked or otherwise designated in writing by the copyright owner as "Not a Contribution."
+
+"Contributor" shall mean Licensor and any individual or Legal Entity on behalf of whom a Contribution has been received by Licensor and subsequently incorporated within the Work.
+
+2. Grant of Copyright License.
+
+Subject to the terms and conditions of this License, each Contributor hereby grants to You a perpetual, worldwide, non-exclusive, no-charge, royalty-free, irrevocable copyright license to reproduce, prepare Derivative Works of, publicly display, publicly perform, sublicense, and distribute the Work and such Derivative Works in Source or Object form.
+
+3. Grant of Patent License.
+
+Subject to the terms and conditions of this License, each Contributor hereby grants to You a perpetual, worldwide, non-exclusive, no-charge, royalty-free, irrevocable (except as stated in this section) patent license to make, have made, use, offer to sell, sell, import, and otherwise transfer the Work, where such license applies only to those patent claims licensable by such Contributor that are necessarily infringed by their Contribution(s) alone or by combination of their Contribution(s) with the Work to which such Contribution(s) was submitted. If You institute patent litigation against any entity (including a cross-claim or counterclaim in a lawsuit) alleging that the Work or a Contribution incorporated within the Work constitutes direct or contributory patent infringement, then any patent licenses granted to You under this License for that Work shall terminate as of the date such litigation is filed.
+
+4. Redistribution.
+
+You may reproduce and distribute copies of the Work or Derivative Works thereof in any medium, with or without modifications, and in Source or Object form, provided that You meet the following conditions:
+1.You must give any other recipients of the Work or Derivative Works a copy of this License; and
+2.You must cause any modified files to carry prominent notices stating that You changed the files; and
+3.You must retain, in the Source form of any Derivative Works that You distribute, all copyright, patent, trademark, and attribution notices from the Source form of the Work, excluding those notices that do not pertain to any part of the Derivative Works; and
+4.If the Work includes a "NOTICE" text file as part of its distribution, then any Derivative Works that You distribute must include a readable copy of the attribution notices contained within such NOTICE file, excluding those notices that do not pertain to any part of the Derivative Works, in at least one of the following places: within a NOTICE text file distributed as part of the Derivative Works; within the Source form or documentation, if provided along with the Derivative Works; or, within a display generated by the Derivative Works, if and wherever such third-party notices normally appear. The contents of the NOTICE file are for informational purposes only and do not modify the License. You may add Your own attribution notices within Derivative Works that You distribute, alongside or as an addendum to the NOTICE text from the Work, provided that such additional attribution notices cannot be construed as modifying the License.
+
+You may add Your own copyright statement to Your modifications and may provide additional or different license terms and conditions for use, reproduction, or distribution of Your modifications, or for any such Derivative Works as a whole, provided Your use, reproduction, and distribution of the Work otherwise complies with the conditions stated in this License.
+
+5. Submission of Contributions.
+
+Unless You explicitly state otherwise, any Contribution intentionally submitted for inclusion in the Work by You to the Licensor shall be under the terms and conditions of this License, without any additional terms or conditions. Notwithstanding the above, nothing herein shall supersede or modify the terms of any separate license agreement you may have executed with Licensor regarding such Contributions.
+
+6. Trademarks.
+
+This License does not grant permission to use the trade names, trademarks, service marks, or product names of the Licensor, except as required for reasonable and customary use in describing the origin of the Work and reproducing the content of the NOTICE file.
+
+7. Disclaimer of Warranty.
+
+Unless required by applicable law or agreed to in writing, Licensor provides the Work (and each Contributor provides its Contributions) on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied, including, without limitation, any warranties or conditions of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A PARTICULAR PURPOSE. You are solely responsible for determining the appropriateness of using or redistributing the Work and assume any risks associated with Your exercise of permissions under this License.
+
+8. Limitation of Liability.
+
+In no event and under no legal theory, whether in tort (including negligence), contract, or otherwise, unless required by applicable law (such as deliberate and grossly negligent acts) or agreed to in writing, shall any Contributor be liable to You for damages, including any direct, indirect, special, incidental, or consequential damages of any character arising as a result of this License or out of the use or inability to use the Work (including but not limited to damages for loss of goodwill, work stoppage, computer failure or malfunction, or any and all other commercial damages or losses), even if such Contributor has been advised of the possibility of such damages.
+
+9. Accepting Warranty or Additional Liability.
+
+While redistributing the Work or Derivative Works thereof, You may choose to offer, and charge a fee for, acceptance of support, warranty, indemnity, or other liability obligations and/or rights consistent with this License. However, in accepting such obligations, You may act only on Your own behalf and on Your sole responsibility, not on behalf of any other Contributor, and only if You agree to indemnify, defend, and hold each Contributor harmless for any liability incurred by, or claims asserted against, such Contributor by reason of your accepting any such warranty or additional liability.
+
+END OF TERMS AND CONDITIONS
\ No newline at end of file
diff --git a/code/BasicFeature/Native/NdkDrawingSample/README.md b/code/BasicFeature/Native/NdkDrawingSample/README.md
new file mode 100755
index 0000000000000000000000000000000000000000..566269f0d47dd8b73118dfa0fcb7525610ea5c75
--- /dev/null
+++ b/code/BasicFeature/Native/NdkDrawingSample/README.md
@@ -0,0 +1,88 @@
+# 图形绘制与显示的示例（drawing C/C++）
+
+#### 介绍
+
+本示例以绘制矢量图元、文字、图片和其他复杂效果为例，展示了使用Drawing实现图形绘制与显示（C/C++）的用法。本示例主要调用了[drawing-doc](https://gitee.com/openharmony/docs/blob/master/zh-cn/application-dev/reference/apis-arkgraphics2d/_drawing.md)中的接口。
+
+#### 使用说明
+
+1. 使用DevEco Studio 5.0.0及以上版本打开此工程，编译并安装到测试机中，打开应用；
+
+2. 点击页面底部“画布操作及状态”按钮，页面将绘制与画布裁剪、矩阵变换等相关内容；
+
+3. 点击页面底部“几何形状绘制”按钮，页面将绘制几何形状（矩形、圆角矩形、椭圆等）；
+
+4. 点击页面底部“路径绘制”按钮，页面将绘制路径（路径填充、路径描边、曲线闭合、曲线未闭合等）；
+
+5. 点击页面底部“图片和字块绘制”按钮，页面将绘制图片和文字等相关内容；
+
+6. 点击页面底部“复杂绘制效果”按钮，页面将复杂绘制效果等相关内容。
+
+#### 效果预览
+
+| 主页      | 画布操作及状态    | 几何形状绘制  | 路径绘制  | 图片和字块绘制  | 复杂绘制效果  |
+| ------------- |-----------|----------------|------------ |------------ |------------ |
+| ![main](screenshots/device/Index.jpeg) | ![Draw canvas](screenshots/device/Canvas.jpeg) | ![Draw geometry](screenshots/device/GeometricShape.jpeg) | ![Draw path](screenshots/device/Path.jpeg) | ![Draw textBlob](screenshots/device/ImageAndFont.jpeg) | ![Draw complex](screenshots/device/Complex.jpeg) |
+
+#### 具体实现
+
+使用Drawing进行图形绘制与显示时，需要使用Native Drawing模块的画布画笔绘制一个基本的2D图形；并将图形内容写入[NativeWindow](https://docs.openharmony.cn/pages/v4.1/zh-cn/application-dev/graphics/native-window-guidelines.md)提供的图形Buffer，将Buffer提交到图形队列；再利用XComponent将C++代码层与ArkTS层对接，实现在ArkTS层调用绘制和显示的逻辑，最终在应用上显示图形。
+
+#### 工程目录
+
+```
+├──entry/src/main
+│  ├──cpp                           // C++代码区
+│  │  ├──CMakeLists.txt             // CMake配置文件
+│  │  ├──hello.cpp                  // Napi模块注册
+│  │  ├──napi_init.cpp              // Napi模块注册
+│  │  ├──common
+│  │  │  └──log_common.h            // 日志封装定义文件
+│  │  ├──plugin                     // 生命周期管理模块
+│  │  │  ├──plugin_manager.cpp
+│  │  │  └──plugin_manager.h
+│  │  ├──samples                    // samples渲染模块
+│  │  │  ├──native_draw_canvas.cpp  // 画布操作及状态的绘制代码
+│  │  │  ├──native_draw_complex.cpp // 复杂绘制效果的绘制代码
+│  │  │  ├──native_draw_path.cpp    // 路径绘制的绘制代码
+│  │  │  ├──native_draw_pictext.cpp // 图片和字块绘制的绘制代码
+│  │  │  ├──native_draw_shape.cpp   // 几何形状绘制的绘制代码
+│  │  │  └──native_draw.h           // 绘制头文件
+│  │  │  ├──sample_demo.cpp         // 桥接相关代码
+│  │  │  └──sample_demo.h           // 桥接相关代码头文件
+│  │  ├──types                      // 不涉及
+│  ├──ets                           // ets代码区
+│  │  ├──entryability               // 不涉及
+│  │  ├──entrybackupability         // 不涉及
+|  |  ├──interface
+│  │  │  └──XComponentContext.ts    // XComponentContext
+│  │  └──pages                      // 页面文件
+│  │     └──Index.ets               // 主界面
+|  ├──resources                     // 资源文件目录（不涉及）
+```
+
+#### 相关权限
+
+暂无
+
+#### 依赖
+
+暂无
+
+#### 约束与限制
+
+1. 本示例仅支持标准系统上运行,支持设备：Phone；
+2. 本示例为Stage模型，已适配API version 14版本SDK，SDK版本号(API Version 14 Release),镜像版本号(5.0.2 Release);
+3. 本示例需要使用DevEco Studio 版本号(5.0 Release)及以上版本才可编译运行。
+
+### 下载
+
+如需单独下载本工程，执行如下命令：
+
+```
+git init
+git config core.sparsecheckout true
+echo code/BasicFeature/Native/NdkDrawingSample/ > .git/info/sparse-checkout
+git remote add origin https://gitee.com/openharmony/applications_app_samples.git
+git pull origin master
+```
\ No newline at end of file
diff --git a/code/BasicFeature/Native/NdkDrawingSample/build-profile.json5 b/code/BasicFeature/Native/NdkDrawingSample/build-profile.json5
new file mode 100755
index 0000000000000000000000000000000000000000..a19b515dbc0a61a65effebfd53ac1b2d3d4f0054
--- /dev/null
+++ b/code/BasicFeature/Native/NdkDrawingSample/build-profile.json5
@@ -0,0 +1,56 @@
+/*
+ * Copyright (c) 2025 Huawei Device Co., Ltd.
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+{
+  "app": {
+    "signingConfigs": [],
+    "products": [
+      {
+        "name": "default",
+        "signingConfig": "default",
+        "compileSdkVersion": 14,
+        //指定OpenHarmony应用/服务编译时的版本
+        "compatibleSdkVersion": 14,
+        //指定OpenHarmony应用/服务兼容的最低版本。
+        "targetSdkVersion": 14,
+        //指定OpenHarmony应用/服务目标版本。若没有设置，默认为compatibleSdkVersion
+        "runtimeOS": "OpenHarmony",
+        //指定为OpenHarmony
+      }
+    ],
+    "buildModeSet": [
+      {
+        "name": "debug",
+      },
+      {
+        "name": "release"
+      }
+    ]
+  },
+  "modules": [
+    {
+      "name": "entry",
+      "srcPath": "./entry",
+      "targets": [
+        {
+          "name": "default",
+          "applyToProducts": [
+            "default"
+          ]
+        }
+      ]
+    }
+  ]
+}
\ No newline at end of file
diff --git a/code/BasicFeature/Native/NdkDrawingSample/code-linter.json5 b/code/BasicFeature/Native/NdkDrawingSample/code-linter.json5
new file mode 100755
index 0000000000000000000000000000000000000000..28586467ee7a761c737d8654a73aed6fddbc3c71
--- /dev/null
+++ b/code/BasicFeature/Native/NdkDrawingSample/code-linter.json5
@@ -0,0 +1,35 @@
+/*
+ * Copyright (c) 2025 Huawei Device Co., Ltd.
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+{
+  "files": [
+    "**/*.ets"
+  ],
+  "ignore": [
+    "**/src/ohosTest/**/*",
+    "**/src/test/**/*",
+    "**/src/mock/**/*",
+    "**/node_modules/**/*",
+    "**/oh_modules/**/*",
+    "**/build/**/*",
+    "**/.preview/**/*"
+  ],
+  "ruleSet": [
+    "plugin:@performance/recommended",
+    "plugin:@typescript-eslint/recommended"
+  ],
+  "rules": {
+  }
+}
\ No newline at end of file
diff --git a/code/BasicFeature/Native/NdkDrawingSample/entry/.gitignore b/code/BasicFeature/Native/NdkDrawingSample/entry/.gitignore
new file mode 100755
index 0000000000000000000000000000000000000000..e2713a2779c5a3e0eb879efe6115455592caeea5
--- /dev/null
+++ b/code/BasicFeature/Native/NdkDrawingSample/entry/.gitignore
@@ -0,0 +1,6 @@
+/node_modules
+/oh_modules
+/.preview
+/build
+/.cxx
+/.test
\ No newline at end of file
diff --git a/code/BasicFeature/Native/NdkDrawingSample/entry/build-profile.json5 b/code/BasicFeature/Native/NdkDrawingSample/entry/build-profile.json5
new file mode 100755
index 0000000000000000000000000000000000000000..66ef9bce1d14886f6d3ce757d40e0bb0b40947cb
--- /dev/null
+++ b/code/BasicFeature/Native/NdkDrawingSample/entry/build-profile.json5
@@ -0,0 +1,55 @@
+/*
+ * Copyright (c) 2025 Huawei Device Co., Ltd.
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+{
+  "apiType": "stageMode",
+  "buildOption": {
+    "externalNativeOptions": {
+      "path": "./src/main/cpp/CMakeLists.txt",
+      "arguments": "",
+      "cppFlags": "",
+      "abiFilters": ["arm64-v8a", "armeabi-v7a", "x86_64"]
+    }
+  },
+  "buildOptionSet": [
+    {
+      "name": "release",
+      "arkOptions": {
+        "obfuscation": {
+          "ruleOptions": {
+            "enable": false,
+            "files": [
+              "./obfuscation-rules.txt"
+            ]
+          }
+        }
+      },
+      "nativeLib": {
+        "debugSymbol": {
+          "strip": true,
+          "exclude": []
+        }
+      }
+    },
+  ],
+  "targets": [
+    {
+      "name": "default"
+    },
+    {
+      "name": "ohosTest",
+    }
+  ]
+}
\ No newline at end of file
diff --git a/code/BasicFeature/Native/NdkDrawingSample/entry/hvigorfile.ts b/code/BasicFeature/Native/NdkDrawingSample/entry/hvigorfile.ts
new file mode 100755
index 0000000000000000000000000000000000000000..e4f43d54667f8327c367c8096bd08bb8c75aff54
--- /dev/null
+++ b/code/BasicFeature/Native/NdkDrawingSample/entry/hvigorfile.ts
@@ -0,0 +1,21 @@
+/*
+ * Copyright (c) 2025 Huawei Device Co., Ltd.
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import { hapTasks } from '@ohos/hvigor-ohos-plugin';
+
+export default {
+    system: hapTasks,  /* Built-in plugin of Hvigor. It cannot be modified. */
+    plugins:[]         /* Custom plugin to extend the functionality of Hvigor. */
+}
diff --git a/code/BasicFeature/Native/NdkDrawingSample/entry/obfuscation-rules.txt b/code/BasicFeature/Native/NdkDrawingSample/entry/obfuscation-rules.txt
new file mode 100755
index 0000000000000000000000000000000000000000..272efb6ca3f240859091bbbfc7c5802d52793b0b
--- /dev/null
+++ b/code/BasicFeature/Native/NdkDrawingSample/entry/obfuscation-rules.txt
@@ -0,0 +1,23 @@
+# Define project specific obfuscation rules here.
+# You can include the obfuscation configuration files in the current module's build-profile.json5.
+#
+# For more details, see
+#   https://developer.huawei.com/consumer/cn/doc/harmonyos-guides-V5/source-obfuscation-V5
+
+# Obfuscation options:
+# -disable-obfuscation: disable all obfuscations
+# -enable-property-obfuscation: obfuscate the property names
+# -enable-toplevel-obfuscation: obfuscate the names in the global scope
+# -compact: remove unnecessary blank spaces and all line feeds
+# -remove-log: remove all console.* statements
+# -print-namecache: print the name cache that contains the mapping from the old names to new names
+# -apply-namecache: reuse the given cache file
+
+# Keep options:
+# -keep-property-name: specifies property names that you want to keep
+# -keep-global-name: specifies names that you want to keep in the global scope
+
+-enable-property-obfuscation
+-enable-toplevel-obfuscation
+-enable-filename-obfuscation
+-enable-export-obfuscation
\ No newline at end of file
diff --git a/code/BasicFeature/Native/NdkDrawingSample/entry/oh-package.json5 b/code/BasicFeature/Native/NdkDrawingSample/entry/oh-package.json5
new file mode 100755
index 0000000000000000000000000000000000000000..118bdd4fe7699368a010e04c24f5bfc887cf1298
--- /dev/null
+++ b/code/BasicFeature/Native/NdkDrawingSample/entry/oh-package.json5
@@ -0,0 +1,26 @@
+/*
+ * Copyright (c) 2025 Huawei Device Co., Ltd.
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+{
+  "name": "entry",
+  "version": "1.0.0",
+  "description": "Please describe the basic information.",
+  "main": "",
+  "author": "",
+  "license": "",
+  "dependencies": {
+    "libentry.so": "file:./src/main/cpp/types/libentry"
+  }
+}
\ No newline at end of file
diff --git a/code/BasicFeature/Native/NdkDrawingSample/entry/src/main/cpp/CMakeLists.txt b/code/BasicFeature/Native/NdkDrawingSample/entry/src/main/cpp/CMakeLists.txt
new file mode 100755
index 0000000000000000000000000000000000000000..a9b633b4f023f5c3bed67c425d2859f6355eaa49
--- /dev/null
+++ b/code/BasicFeature/Native/NdkDrawingSample/entry/src/main/cpp/CMakeLists.txt
@@ -0,0 +1,35 @@
+# the minimum version of CMake.
+cmake_minimum_required(VERSION 3.5.0)
+project(NdkDrawingSample)
+
+set(NATIVERENDER_ROOT_PATH ${CMAKE_CURRENT_SOURCE_DIR})
+
+if(DEFINED PACKAGE_FIND_FILE)
+    include(${PACKAGE_FIND_FILE})
+endif()
+
+include_directories(${NATIVERENDER_ROOT_PATH}
+                    ${NATIVERENDER_ROOT_PATH}/include)
+
+add_library(entry SHARED
+    napi_init.cpp
+    samples/native_draw_canvas.cpp
+    samples/native_draw_complex.cpp
+    samples/native_draw_path.cpp
+    samples/native_draw_pictext.cpp
+    samples/native_draw_shape.cpp
+    samples/sample_demo.cpp
+    plugin/plugin_manager.cpp
+)
+find_library(
+    # Sets the name of the path variable.
+    hilog-lib
+    # Specifies the name of the NDK library that
+    # you want CMake to locate.
+    hilog_ndk.z
+)
+message("hilog path is :" ${hilog-lib})
+target_link_libraries(entry PUBLIC ${hilog-lib})
+target_link_libraries(entry PUBLIC libnative_window.so)
+target_link_libraries(entry PUBLIC libnative_drawing.so)
+target_link_libraries(entry PUBLIC libace_napi.z.so libace_ndk.z.so libpixelmap_ndk.z.so)
\ No newline at end of file
diff --git a/code/BasicFeature/Native/NdkDrawingSample/entry/src/main/cpp/common/log_common.h b/code/BasicFeature/Native/NdkDrawingSample/entry/src/main/cpp/common/log_common.h
new file mode 100755
index 0000000000000000000000000000000000000000..17ac348a3a2ac7604a7fcb083d0c791fce963f32
--- /dev/null
+++ b/code/BasicFeature/Native/NdkDrawingSample/entry/src/main/cpp/common/log_common.h
@@ -0,0 +1,26 @@
+/*
+ * Copyright (c) 2025 Huawei Device Co., Ltd.
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+#ifndef LOG_COMMON_H
+#define LOG_COMMON_H
+#include <hilog/log.h>
+#define LOG_PRINT_DOMAIN 0xFF00
+#define APP_LOG_DOMAIN 0x0001
+constexpr const char *APP_LOG_TAG = "DrawingSample";
+#define DRAWING_LOGI(...) ((void)OH_LOG_Print(LOG_APP, LOG_INFO, LOG_DOMAIN, APP_LOG_TAG, __VA_ARGS__))
+#define DRAWING_LOGD(...) ((void)OH_LOG_Print(LOG_APP, LOG_DEBUG, LOG_DOMAIN, APP_LOG_TAG, __VA_ARGS__))
+#define DRAWING_LOGW(...) ((void)OH_LOG_Print(LOG_APP, LOG_WARN, LOG_DOMAIN, APP_LOG_TAG, __VA_ARGS__))
+#define DRAWING_LOGE(...) ((void)OH_LOG_Print(LOG_APP, LOG_ERROR, LOG_DOMAIN, APP_LOG_TAG, __VA_ARGS__))
+
+#endif // LOG_COMMON_H
diff --git a/code/BasicFeature/Native/NdkDrawingSample/entry/src/main/cpp/hello.cpp b/code/BasicFeature/Native/NdkDrawingSample/entry/src/main/cpp/hello.cpp
new file mode 100755
index 0000000000000000000000000000000000000000..35d7b2e80debf56ac472e00f9b3f42b8d881a5a4
--- /dev/null
+++ b/code/BasicFeature/Native/NdkDrawingSample/entry/src/main/cpp/hello.cpp
@@ -0,0 +1,43 @@
+/*
+ * Copyright (c) 2025 Huawei Device Co., Ltd.
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+#include <hilog/log.h>
+#include "napi/native_api.h"
+#include "common/log_common.h"
+#include "plugin/plugin_manager.h"
+
+EXTERN_C_START
+static napi_value Init(napi_env env, napi_value exports)
+{
+    DRAWING_LOGI("napi init");
+    PluginManager::GetInstance()->Export(env, exports);
+    return exports;
+}
+EXTERN_C_END
+
+static napi_module demoModule = {
+    .nm_version = 1,
+    .nm_flags = 0,
+    .nm_filename = nullptr,
+    .nm_register_func = Init,
+    .nm_modname = "entry",
+    .nm_priv = ((void *)0),
+    .reserved = {0},
+};
+
+extern "C" __attribute__((constructor)) void RegisterEntryModule(void)
+{
+    napi_module_register(&demoModule);
+}
diff --git a/code/BasicFeature/Native/NdkDrawingSample/entry/src/main/cpp/napi_init.cpp b/code/BasicFeature/Native/NdkDrawingSample/entry/src/main/cpp/napi_init.cpp
new file mode 100755
index 0000000000000000000000000000000000000000..35d7b2e80debf56ac472e00f9b3f42b8d881a5a4
--- /dev/null
+++ b/code/BasicFeature/Native/NdkDrawingSample/entry/src/main/cpp/napi_init.cpp
@@ -0,0 +1,43 @@
+/*
+ * Copyright (c) 2025 Huawei Device Co., Ltd.
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+#include <hilog/log.h>
+#include "napi/native_api.h"
+#include "common/log_common.h"
+#include "plugin/plugin_manager.h"
+
+EXTERN_C_START
+static napi_value Init(napi_env env, napi_value exports)
+{
+    DRAWING_LOGI("napi init");
+    PluginManager::GetInstance()->Export(env, exports);
+    return exports;
+}
+EXTERN_C_END
+
+static napi_module demoModule = {
+    .nm_version = 1,
+    .nm_flags = 0,
+    .nm_filename = nullptr,
+    .nm_register_func = Init,
+    .nm_modname = "entry",
+    .nm_priv = ((void *)0),
+    .reserved = {0},
+};
+
+extern "C" __attribute__((constructor)) void RegisterEntryModule(void)
+{
+    napi_module_register(&demoModule);
+}
diff --git a/code/BasicFeature/Native/NdkDrawingSample/entry/src/main/cpp/plugin/plugin_manager.cpp b/code/BasicFeature/Native/NdkDrawingSample/entry/src/main/cpp/plugin/plugin_manager.cpp
new file mode 100755
index 0000000000000000000000000000000000000000..a2fb369f2e58ace91ca819f8158a6b74a34a09be
--- /dev/null
+++ b/code/BasicFeature/Native/NdkDrawingSample/entry/src/main/cpp/plugin/plugin_manager.cpp
@@ -0,0 +1,127 @@
+/*
+ * Copyright (c) 2025 Huawei Device Co., Ltd.
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+#include <ace/xcomponent/native_interface_xcomponent.h>
+#include <cstdint>
+#include <hilog/log.h>
+#include <string>
+#include "common/log_common.h"
+#include "plugin_manager.h"
+
+PluginManager *PluginManager::GetInstance()
+{
+    static PluginManager pluginManager;
+    return &pluginManager;
+}
+
+PluginManager::~PluginManager()
+{
+    DRAWING_LOGI("~PluginManager");
+    for (auto iter = nativeXComponentMap_.begin(); iter != nativeXComponentMap_.end(); ++iter) {
+        if (iter->second != nullptr) {
+            delete iter->second;
+            iter->second = nullptr;
+        }
+    }
+    nativeXComponentMap_.clear();
+
+    for (auto iter = pluginRenderMap_.begin(); iter != pluginRenderMap_.end(); ++iter) {
+        if (iter->second != nullptr) {
+            delete iter->second;
+            iter->second = nullptr;
+        }
+    }
+    pluginRenderMap_.clear();
+}
+
+void PluginManager::Export(napi_env env, napi_value exports)
+{
+    if ((env == nullptr) || (exports == nullptr)) {
+        DRAWING_LOGE("Export: env or exports is null");
+        return;
+    }
+
+    napi_value exportInstance = nullptr;
+    if (napi_get_named_property(env, exports, OH_NATIVE_XCOMPONENT_OBJ, &exportInstance) != napi_ok) {
+        DRAWING_LOGE("Export: napi_get_named_property fail");
+        return;
+    }
+
+    OH_NativeXComponent *nativeXComponent = nullptr;
+    if (napi_unwrap(env, exportInstance, reinterpret_cast<void **>(&nativeXComponent)) != napi_ok) {
+        DRAWING_LOGE("Export: napi_unwrap fail");
+        return;
+    }
+
+    char idStr[OH_XCOMPONENT_ID_LEN_MAX + 1] = {'\0'};
+    uint64_t idSize = OH_XCOMPONENT_ID_LEN_MAX + 1;
+    if (OH_NativeXComponent_GetXComponentId(nativeXComponent, idStr, &idSize) != OH_NATIVEXCOMPONENT_RESULT_SUCCESS) {
+        DRAWING_LOGE("Export: OH_NativeXComponent_GetXComponentId fail");
+        return;
+    }
+
+    std::string id(idStr);
+    auto context = PluginManager::GetInstance();
+    if ((context != nullptr) && (nativeXComponent != nullptr)) {
+        context->SetNativeXComponent(id, nativeXComponent);
+        auto render = context->GetRender(id);
+        if (render != nullptr) {
+            render->RegisterCallback(nativeXComponent);
+            render->Export(env, exports);
+        } else {
+            DRAWING_LOGE("render is nullptr");
+        }
+    }
+}
+
+void PluginManager::SetNativeXComponent(std::string &id, OH_NativeXComponent *nativeXComponent)
+{
+    DRAWING_LOGI("set native xComponent, ID = %{public}s.", id.c_str());
+    if (nativeXComponent == nullptr) {
+        DRAWING_LOGE("xcomponent null");
+        return;
+    }
+
+    if (nativeXComponentMap_.find(id) == nativeXComponentMap_.end()) {
+        nativeXComponentMap_[id] = nativeXComponent;
+        return;
+    }
+
+    if (nativeXComponentMap_[id] != nativeXComponent) {
+        OH_NativeXComponent *tmp = nativeXComponentMap_[id];
+        delete tmp;
+        tmp = nullptr;
+        nativeXComponentMap_[id] = nativeXComponent;
+    }
+}
+
+SampleBitMap *PluginManager::GetRender(std::string &id)
+{
+    if (pluginRenderMap_.find(id) == pluginRenderMap_.end()) {
+        SampleBitMap *instance = SampleBitMap::GetInstance(id);
+        pluginRenderMap_[id] = instance;
+        return instance;
+    }
+    return pluginRenderMap_[id];
+}
+
+void PluginManager::ReleaseRender(std::string &id)
+{
+    auto map = pluginRenderMap_.find(id);
+    if (map == pluginRenderMap_.end()) {
+        return;
+    }
+    pluginRenderMap_.erase(map);
+}
diff --git a/code/BasicFeature/Native/NdkDrawingSample/entry/src/main/cpp/plugin/plugin_manager.h b/code/BasicFeature/Native/NdkDrawingSample/entry/src/main/cpp/plugin/plugin_manager.h
new file mode 100755
index 0000000000000000000000000000000000000000..fcd1f3e1442c9275525b5c3c75cf4502536f1093
--- /dev/null
+++ b/code/BasicFeature/Native/NdkDrawingSample/entry/src/main/cpp/plugin/plugin_manager.h
@@ -0,0 +1,40 @@
+/*
+ * Copyright (c) 2025 Huawei Device Co., Ltd.
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+#ifndef PLUGIN_MANAGER_H
+#define PLUGIN_MANAGER_H
+
+#include <ace/xcomponent/native_interface_xcomponent.h>
+#include <js_native_api.h>
+#include <js_native_api_types.h>
+#include <string>
+#include <unordered_map>
+#include "samples/sample_demo.h"
+
+class PluginManager {
+public:
+    ~PluginManager();
+
+    static PluginManager *GetInstance();
+
+    void SetNativeXComponent(std::string &id, OH_NativeXComponent *nativeXComponent);
+    SampleBitMap *GetRender(std::string &id);
+    void ReleaseRender(std::string &id);
+    void Export(napi_env env, napi_value exports);
+private:
+
+    std::unordered_map<std::string, OH_NativeXComponent *> nativeXComponentMap_;
+    std::unordered_map<std::string, SampleBitMap *> pluginRenderMap_;
+};
+#endif // PLUGIN_MANAGER_H
diff --git a/code/BasicFeature/Native/NdkDrawingSample/entry/src/main/cpp/samples/native_draw.h b/code/BasicFeature/Native/NdkDrawingSample/entry/src/main/cpp/samples/native_draw.h
new file mode 100755
index 0000000000000000000000000000000000000000..4e146c28980b29aea7416a96438c24c17a286c77
--- /dev/null
+++ b/code/BasicFeature/Native/NdkDrawingSample/entry/src/main/cpp/samples/native_draw.h
@@ -0,0 +1,75 @@
+/*
+ * Copyright (c) 2025 Huawei Device Co., Ltd.
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+#ifndef NDKDRAWINGSAMPLE_NATIVE_DRAW_H
+#define NDKDRAWINGSAMPLE_NATIVE_DRAW_H
+#include <multimedia/image_framework/image_pixel_map_mdk.h>
+#include <native_drawing/drawing_bitmap.h>
+#include <native_drawing/drawing_brush.h>
+#include <native_drawing/drawing_canvas.h>
+#include <native_drawing/drawing_color.h>
+#include <native_drawing/drawing_color_filter.h>
+#include <native_drawing/drawing_image_filter.h>
+#include <native_drawing/drawing_shader_effect.h>
+#include <native_drawing/drawing_filter.h>
+#include <native_drawing/drawing_font.h>
+#include <native_drawing/drawing_font_collection.h>
+#include <native_drawing/drawing_image.h>
+#include <native_drawing/drawing_matrix.h>
+#include <native_drawing/drawing_path.h>
+#include <native_drawing/drawing_path_effect.h>
+#include <native_drawing/drawing_pen.h>
+#include <native_drawing/drawing_pixel_map.h>
+#include <native_drawing/drawing_point.h>
+#include <native_drawing/drawing_rect.h>
+#include <native_drawing/drawing_region.h>
+#include <native_drawing/drawing_register_font.h>
+#include <native_drawing/drawing_round_rect.h>
+#include <native_drawing/drawing_sampling_options.h>
+#include <native_drawing/drawing_shader_effect.h>
+#include <native_drawing/drawing_text_blob.h>
+#include <native_drawing/drawing_text_declaration.h>
+#include <native_drawing/drawing_text_typography.h>
+#include <native_drawing/drawing_typeface.h>
+#include <native_drawing/drawing_types.h>
+
+enum DrawType { NONE, CANVASSTATE, SHAPE, PATH, PICTEXT, COMPLEX };
+
+class NativeDraw {
+public:
+    NativeDraw(OH_Drawing_Canvas* canvas, uint64_t width, uint64_t height): canvas_(canvas), width_(width), height_(height) {}
+    ~NativeDraw() = default;
+    void DrawPathBrush();
+    void DrawPathLine();
+    void DrawPathShade();
+    void DrawTextBlob();
+    void DrawImageRect();
+    void DrawPixelMapBrush(NativePixelMap* nativePixelMap);
+    void DrawComplexPath();
+    void DrawComplex();
+    void DrawMatrix();
+    void Clip();
+    void MoveClip();
+    void DrawShapeWithPen();
+    void DrawShapeWithBrush();
+
+private:
+    uint64_t width_ = 0;
+    uint64_t height_ = 0;
+    uint64_t textSize_ = 40;
+    OH_Drawing_Canvas* canvas_ = nullptr;
+};
+
+#endif //NDKDRAWINGSAMPLE_NATIVE_DRAW_H
diff --git a/code/BasicFeature/Native/NdkDrawingSample/entry/src/main/cpp/samples/native_draw_canvas.cpp b/code/BasicFeature/Native/NdkDrawingSample/entry/src/main/cpp/samples/native_draw_canvas.cpp
new file mode 100755
index 0000000000000000000000000000000000000000..5ac93936154015c47367218a41ca9c3667222599
--- /dev/null
+++ b/code/BasicFeature/Native/NdkDrawingSample/entry/src/main/cpp/samples/native_draw_canvas.cpp
@@ -0,0 +1,142 @@
+/*
+ * Copyright (c) 2025 Huawei Device Co., Ltd.
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+#include "sample_demo.h"
+
+/**
+ * 裁剪
+ */
+void NativeDraw::Clip()
+{
+    const float startX = 80.f;
+    const float startY = 50.0f;
+    OH_Drawing_Font *font = OH_Drawing_FontCreate();
+    OH_Drawing_FontSetTextSize(font, textSize_);
+    OH_Drawing_TextBlob *startBlob = OH_Drawing_TextBlobCreateFromString("裁剪", font, TEXT_ENCODING_UTF8);
+    OH_Drawing_CanvasDrawTextBlob(canvas_, startBlob, startX, startY);
+    OH_Drawing_TextBlobDestroy(startBlob);
+    
+    OH_Drawing_Brush *brush = OH_Drawing_BrushCreate();
+    OH_Drawing_BrushSetColor(brush, 0xff0000ff);
+    OH_Drawing_CanvasAttachBrush(canvas_, brush); 
+    OH_Drawing_CanvasSave(canvas_);
+    OH_Drawing_Rect *rect = OH_Drawing_RectCreate(startX, startY + textSize_, startX + 150, startY + textSize_ + 200);
+    OH_Drawing_CanvasClipRect(canvas_, rect, OH_Drawing_CanvasClipOp::INTERSECT, true); 
+    OH_Drawing_Point *point = OH_Drawing_PointCreate(startX + 150, startY + textSize_ + 200);
+    // 被裁剪的圆1
+    OH_Drawing_CanvasDrawCircle(canvas_, point, 150);
+    OH_Drawing_CanvasRestore(canvas_);
+    OH_Drawing_Point *point2 = OH_Drawing_PointCreate(startX + 900, startY + textSize_ + 200);
+    // 未被裁剪的圆
+    OH_Drawing_CanvasDrawCircle(canvas_, point2, 150);
+    OH_Drawing_Rect *rect2 = OH_Drawing_RectCreate(startX + 400, startY + textSize_, startX + 550, startY + textSize_ + 200);
+    OH_Drawing_CanvasClipRect(canvas_, rect2, OH_Drawing_CanvasClipOp::DIFFERENCE, true); 
+    OH_Drawing_Point *point3 = OH_Drawing_PointCreate(startX + 550, startY + textSize_ + 200);
+    // 被裁剪的圆2
+    OH_Drawing_CanvasDrawCircle(canvas_, point3, 150);
+    OH_Drawing_CanvasRestore(canvas_);
+    OH_Drawing_CanvasDetachBrush(canvas_);
+    OH_Drawing_BrushDestroy(brush);
+
+    OH_Drawing_FontDestroy(font);
+}
+
+
+/**
+ * 缩放、平移和选择
+ */
+void NativeDraw::DrawMatrix()
+{
+    // 矩阵变换-缩放
+    const float startX = 80.f;
+    const float startY = 650.0f;
+    OH_Drawing_Font *font = OH_Drawing_FontCreate();
+    OH_Drawing_FontSetTextSize(font, textSize_);
+    OH_Drawing_TextBlob *startBlob = OH_Drawing_TextBlobCreateFromString("矩阵变换-缩放", font, TEXT_ENCODING_UTF8);
+    OH_Drawing_CanvasDrawTextBlob(canvas_, startBlob, startX, startY);
+    OH_Drawing_TextBlobDestroy(startBlob);
+    
+    OH_Drawing_Pen* pen = OH_Drawing_PenCreate();
+    OH_Drawing_PenSetColor(pen, OH_Drawing_ColorSetArgb(0xFF, 0xFF, 0x00, 0x00));
+    OH_Drawing_PenSetWidth(pen, 20);
+    OH_Drawing_CanvasAttachPen(canvas_, pen);
+    OH_Drawing_CanvasSave(canvas_);
+    OH_Drawing_Matrix *matrix = OH_Drawing_MatrixCreateScale(1.3f, 1.3f, 1.3f, 1.3f);
+    OH_Drawing_CanvasConcatMatrix(canvas_, matrix);
+    OH_Drawing_Point* point = OH_Drawing_PointCreate(startX + 50, startY + textSize_ + 90);
+    OH_Drawing_CanvasDrawCircle(canvas_, point, 70);
+    OH_Drawing_CanvasRestore(canvas_);
+    OH_Drawing_CanvasDrawCircle(canvas_, point, 70);
+    OH_Drawing_CanvasDetachPen(canvas_);
+    OH_Drawing_PointDestroy(point);
+    OH_Drawing_MatrixDestroy(matrix);
+    
+    // 矩阵变换-平移和旋转
+    const float startX2 = startX + width_ / 2;
+    OH_Drawing_TextBlob *startBlob2 = OH_Drawing_TextBlobCreateFromString("矩阵变换-平移和旋转", font, TEXT_ENCODING_UTF8);
+    OH_Drawing_CanvasDrawTextBlob(canvas_, startBlob2, startX2, startY);
+    OH_Drawing_TextBlobDestroy(startBlob2);
+    
+    OH_Drawing_CanvasAttachPen(canvas_, pen);
+    OH_Drawing_CanvasSave(canvas_);
+    OH_Drawing_Matrix *matrix2 = OH_Drawing_MatrixCreateTranslation(150, 150);
+    OH_Drawing_CanvasConcatMatrix(canvas_, matrix2);
+    OH_Drawing_Matrix* matrix3 = OH_Drawing_MatrixCreateRotation(15, startX + width_ / 2, startY + textSize_ + 50);
+    OH_Drawing_CanvasConcatMatrix(canvas_, matrix3);
+    OH_Drawing_Rect *rect = OH_Drawing_RectCreate(startX2, startY + textSize_ + 50,
+        startX2 + 300, startY + textSize_ + 300);
+    OH_Drawing_CanvasDrawRect(canvas_, rect);
+    OH_Drawing_CanvasRestore(canvas_);
+    OH_Drawing_CanvasDrawRect(canvas_, rect);
+    OH_Drawing_CanvasDetachPen(canvas_);
+    OH_Drawing_RectDestroy(rect);
+    OH_Drawing_MatrixDestroy(matrix2);
+    
+    OH_Drawing_PenDestroy(pen);
+    OH_Drawing_FontDestroy(font);
+}
+
+/**
+ * 裁剪+平移
+ */
+void NativeDraw::MoveClip()
+{
+    const float startX = 80.f;
+    const float startY = 1250.0f;
+    OH_Drawing_Font *font = OH_Drawing_FontCreate();
+    OH_Drawing_FontSetTextSize(font, textSize_);
+    OH_Drawing_TextBlob *startBlob = OH_Drawing_TextBlobCreateFromString("裁剪+平移", font, TEXT_ENCODING_UTF8);
+    OH_Drawing_CanvasDrawTextBlob(canvas_, startBlob, startX, startY);
+    OH_Drawing_TextBlobDestroy(startBlob);
+    
+    OH_Drawing_Brush *brush = OH_Drawing_BrushCreate();
+    OH_Drawing_BrushSetColor(brush, 0xff0000ff);
+    OH_Drawing_CanvasAttachBrush(canvas_, brush); 
+    OH_Drawing_CanvasSave(canvas_);
+    OH_Drawing_Rect *rect = OH_Drawing_RectCreate(startX, startY + textSize_, startX + 250, startY + textSize_ + 300);
+    OH_Drawing_CanvasClipRect(canvas_, rect, OH_Drawing_CanvasClipOp::INTERSECT, true); 
+    OH_Drawing_CanvasTranslate(canvas_, 100, 100);
+    OH_Drawing_Point *point = OH_Drawing_PointCreate(startX + 150, startY + textSize_ + 200);
+    // 被裁剪的圆
+    OH_Drawing_CanvasDrawCircle(canvas_, point, 150);
+    OH_Drawing_CanvasRestore(canvas_);
+    OH_Drawing_Point *point2 = OH_Drawing_PointCreate(startX + 550, startY + textSize_ + 200);
+    // 未被裁剪的圆
+    OH_Drawing_CanvasDrawCircle(canvas_, point2, 150);
+    OH_Drawing_CanvasDetachBrush(canvas_);
+    OH_Drawing_BrushDestroy(brush);
+
+    OH_Drawing_FontDestroy(font);
+}
\ No newline at end of file
diff --git a/code/BasicFeature/Native/NdkDrawingSample/entry/src/main/cpp/samples/native_draw_complex.cpp b/code/BasicFeature/Native/NdkDrawingSample/entry/src/main/cpp/samples/native_draw_complex.cpp
new file mode 100755
index 0000000000000000000000000000000000000000..cb8b25a4c6cd3221964ef6917e56b2aff7665952
--- /dev/null
+++ b/code/BasicFeature/Native/NdkDrawingSample/entry/src/main/cpp/samples/native_draw_complex.cpp
@@ -0,0 +1,97 @@
+/*
+ * Copyright (c) 2025 Huawei Device Co., Ltd.
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+#include "sample_demo.h"
+
+/**
+ * 复杂绘制效果
+ */
+void NativeDraw::DrawComplex()
+{
+    // ShaderEffect
+    const float startX = 80.f;
+    const float startY = 50.0f;
+    OH_Drawing_Font *font = OH_Drawing_FontCreate();
+    OH_Drawing_FontSetTextSize(font, textSize_);
+    OH_Drawing_TextBlob *startBlob = OH_Drawing_TextBlobCreateFromString("ShaderEffect", font, TEXT_ENCODING_UTF8);
+    OH_Drawing_CanvasDrawTextBlob(canvas_, startBlob, startX, startY);
+    OH_Drawing_TextBlobDestroy(startBlob);
+    
+    const float startY2 = 100.0f + textSize_;
+    OH_Drawing_Point *startPt = OH_Drawing_PointCreate(startX, startY2);
+    OH_Drawing_Point *endPt = OH_Drawing_PointCreate(400, 400);
+    uint32_t colors[] = {0xFFFFFF00, 0xFFFF0000, 0xFF0000FF};
+    float pos[] = {0.0f, 0.5f, 1.0f};
+    OH_Drawing_ShaderEffect *colorShaderEffect =
+        OH_Drawing_ShaderEffectCreateLinearGradient(startPt, endPt, colors, pos, 3, OH_Drawing_TileMode::CLAMP);
+    OH_Drawing_Brush* brush = OH_Drawing_BrushCreate();
+    OH_Drawing_BrushSetShaderEffect(brush, colorShaderEffect);
+    OH_Drawing_CanvasAttachBrush(canvas_, brush); 
+    OH_Drawing_Rect *rect = OH_Drawing_RectCreate(startX, startY2, 400, 400);
+    OH_Drawing_CanvasDrawRect(canvas_, rect);
+    OH_Drawing_CanvasDetachBrush(canvas_);
+    OH_Drawing_BrushDestroy(brush);
+    OH_Drawing_RectDestroy(rect);
+    OH_Drawing_ShaderEffectDestroy(colorShaderEffect);
+    OH_Drawing_PointDestroy(startPt);
+    OH_Drawing_PointDestroy(endPt);
+    
+    // ImageFilter
+    const float startX2 = startX + width_ / 2;
+    OH_Drawing_FontSetTextSize(font, textSize_);
+    OH_Drawing_TextBlob *startBlob2 = OH_Drawing_TextBlobCreateFromString("ImageFilter", font, TEXT_ENCODING_UTF8);
+    OH_Drawing_CanvasDrawTextBlob(canvas_, startBlob2, startX2, startY);
+    OH_Drawing_TextBlobDestroy(startBlob2);
+    
+    OH_Drawing_Pen *pen = OH_Drawing_PenCreate();
+    OH_Drawing_PenSetAntiAlias(pen, true);
+    OH_Drawing_PenSetColor(pen, 0xffff0000);
+    OH_Drawing_PenSetWidth(pen, 20);
+    OH_Drawing_ImageFilter *imageFilter =
+        OH_Drawing_ImageFilterCreateBlur(20.0f, 20.0f, OH_Drawing_TileMode::CLAMP, nullptr); 
+    OH_Drawing_Filter *filter = OH_Drawing_FilterCreate();
+    OH_Drawing_FilterSetImageFilter(filter, imageFilter);
+    OH_Drawing_PenSetFilter(pen, filter);
+    OH_Drawing_CanvasAttachPen(canvas_, pen); 
+    OH_Drawing_Rect *rect2 = OH_Drawing_RectCreate(startX2, startY2, startX2 + 400, startY2 + 400);
+    OH_Drawing_CanvasDrawRect(canvas_, rect2); 
+    OH_Drawing_CanvasDetachPen(canvas_);
+    OH_Drawing_PenDestroy(pen);
+    OH_Drawing_ImageFilterDestroy(imageFilter);
+    OH_Drawing_RectDestroy(rect2);
+    OH_Drawing_FilterDestroy(filter);
+    
+    // PathEffect
+    const float startY3 = startY2 + 500;
+    OH_Drawing_FontSetTextSize(font, textSize_);
+    OH_Drawing_TextBlob *startBlob3 = OH_Drawing_TextBlobCreateFromString("PathEffect", font, TEXT_ENCODING_UTF8);
+    OH_Drawing_CanvasDrawTextBlob(canvas_, startBlob3, startX, startY3);
+    OH_Drawing_TextBlobDestroy(startBlob3);
+
+    OH_Drawing_Pen *iPen = OH_Drawing_PenCreate();
+    OH_Drawing_PenSetAntiAlias(iPen, true);
+    OH_Drawing_PenSetColor(iPen, OH_Drawing_ColorSetArgb(0xFF, 0xFF, 0x00, 0x00));
+    OH_Drawing_PenSetWidth(iPen, 10.0f);
+    float intervals[] = {20.0f, 10.0f};
+    OH_Drawing_PathEffect *pathEffect = OH_Drawing_CreateDashPathEffect(intervals, 2, 0);
+    OH_Drawing_PenSetPathEffect(iPen, pathEffect);
+    OH_Drawing_CanvasAttachPen(canvas_, iPen);
+    OH_Drawing_CanvasDrawLine(canvas_, startX, startY3 + textSize_, startX + 300.f, startY3 + textSize_ + 500.f);
+    OH_Drawing_PathEffectDestroy(pathEffect);
+    OH_Drawing_CanvasDetachPen(canvas_);
+    OH_Drawing_PenDestroy(iPen);
+    
+    OH_Drawing_FontDestroy(font);
+}
\ No newline at end of file
diff --git a/code/BasicFeature/Native/NdkDrawingSample/entry/src/main/cpp/samples/native_draw_path.cpp b/code/BasicFeature/Native/NdkDrawingSample/entry/src/main/cpp/samples/native_draw_path.cpp
new file mode 100755
index 0000000000000000000000000000000000000000..47998f7abe48190fbbc536ffd26c57c6936c4ce4
--- /dev/null
+++ b/code/BasicFeature/Native/NdkDrawingSample/entry/src/main/cpp/samples/native_draw_path.cpp
@@ -0,0 +1,537 @@
+/*
+ * Copyright (c) 2025 Huawei Device Co., Ltd.
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+#include "sample_demo.h"
+
+/**
+ * 路径填充
+ */
+void NativeDraw::DrawComplexPath()
+{
+    // 路径填充
+    const float startX = 80.f;
+    const float startY = 50.0f;
+    OH_Drawing_Font *font = OH_Drawing_FontCreate();
+    OH_Drawing_FontSetTextSize(font, textSize_);
+    OH_Drawing_TextBlob *startBlob = OH_Drawing_TextBlobCreateFromString("路径填充", font, TEXT_ENCODING_UTF8);
+    OH_Drawing_CanvasDrawTextBlob(canvas_, startBlob, startX, startY);
+    OH_Drawing_TextBlobDestroy(startBlob);
+    OH_Drawing_FontDestroy(font);
+
+    int len = 130;
+    float aX = 150.0f;
+    float aY = 100.0f;
+    float dX = aX - len * std::sin(18.0f);
+    float dY = aY + len * std::cos(18.0f);
+    float cX = aX + len * std::sin(18.0f);
+    float cY = dY;
+    float bX = aX + (len / 2.0);
+    float bY = aY + std::sqrt((cX - dX) * (cX - dX) + (len / 2.0) * (len / 2.0));
+    float eX = aX - (len / 2.0);
+    float eY = bY;
+    OH_Drawing_Path *cPath = OH_Drawing_PathCreate();
+    OH_Drawing_PathMoveTo(cPath, aX, aY);
+    OH_Drawing_PathLineTo(cPath, bX, bY);
+    OH_Drawing_PathLineTo(cPath, cX, cY);
+    OH_Drawing_PathLineTo(cPath, dX, dY);
+    OH_Drawing_PathLineTo(cPath, eX, eY);
+    OH_Drawing_PathClose(cPath);
+    OH_Drawing_Brush *cBrush = OH_Drawing_BrushCreate();
+    OH_Drawing_BrushSetColor(cBrush, OH_Drawing_ColorSetArgb(0xFF, 0x00, 0x00, 0xFF));
+    OH_Drawing_CanvasAttachBrush(canvas_, cBrush);
+    OH_Drawing_CanvasDrawPath(canvas_, cPath);
+    OH_Drawing_CanvasDetachPen(canvas_);
+    OH_Drawing_CanvasDetachBrush(canvas_);
+    OH_Drawing_BrushDestroy(cBrush);
+    OH_Drawing_PathDestroy(cPath);
+
+    // 路径描边
+    const float startX2 = 380.f;
+    const float startY2 = 50.0f;
+    OH_Drawing_Font *font2 = OH_Drawing_FontCreate();
+    OH_Drawing_FontSetTextSize(font2, textSize_);
+    OH_Drawing_TextBlob *startBlob2 = OH_Drawing_TextBlobCreateFromString("路径描边", font2, TEXT_ENCODING_UTF8);
+    OH_Drawing_CanvasDrawTextBlob(canvas_, startBlob2, startX2, startY2);
+    OH_Drawing_TextBlobDestroy(startBlob2);
+    OH_Drawing_FontDestroy(font2);
+
+    OH_Drawing_Path *cPath2 = OH_Drawing_PathCreate();
+    float centerX = 450.0f;
+    float centerY = 200.0f;
+    float outerRadius = 100.f; // 外圆半径
+    float innerRadius = 40.f;  // 内圆半径
+    float points = 5;          // 五角星的角数
+    for (int i = 0; i < points * 2; i++) { // points * 2 is the number of points
+        float angle = (i * M_PI) / points;                     // 计算角度
+        float radius = i % 2 == 0 ? outerRadius : innerRadius; // 交替使用外圆半径和内圆半径
+        float x = centerX + radius * std::cos(angle + 60.0);
+        float y = centerY + radius * std::sin(angle + 60.0);
+        if (i == 0) {
+            OH_Drawing_PathMoveTo(cPath2, x, y);
+        } else {
+            OH_Drawing_PathLineTo(cPath2, x, y);
+        }
+    }
+    OH_Drawing_PathClose(cPath2);
+    constexpr float penWidth = 8.0f;
+    OH_Drawing_Pen *cPen = OH_Drawing_PenCreate();
+    OH_Drawing_PenSetAntiAlias(cPen, true);
+    OH_Drawing_PenSetColor(cPen, OH_Drawing_ColorSetArgb(0xFF, 0x00, 0x00, 0xFF));
+    OH_Drawing_PenSetWidth(cPen, penWidth);
+    OH_Drawing_PenSetJoin(cPen, LINE_ROUND_JOIN);
+    OH_Drawing_CanvasAttachPen(canvas_, cPen);
+    OH_Drawing_CanvasDrawPath(canvas_, cPath2);
+    OH_Drawing_CanvasDetachPen(canvas_);
+    OH_Drawing_CanvasDetachBrush(canvas_);
+    OH_Drawing_PenDestroy(cPen);
+    OH_Drawing_PathDestroy(cPath2);
+
+    // 曲线闭合
+    const float startX3 = 80.f;
+    const float startY3 = 360.0f;
+    OH_Drawing_Font *font3 = OH_Drawing_FontCreate();
+    OH_Drawing_FontSetTextSize(font3, textSize_);
+    OH_Drawing_TextBlob *startBlob3 = OH_Drawing_TextBlobCreateFromString("曲线闭合", font3, TEXT_ENCODING_UTF8);
+    OH_Drawing_CanvasDrawTextBlob(canvas_, startBlob3, startX3, startY3);
+    OH_Drawing_TextBlobDestroy(startBlob3);
+    OH_Drawing_FontDestroy(font3);
+
+    OH_Drawing_Path *Path = OH_Drawing_PathCreate();
+    OH_Drawing_PathMoveTo(Path, startX3, startY3 + 50);
+    OH_Drawing_PathRCubicTo(Path, 200, 180, 200.f, 80.f, 200.f, 40.f);
+    OH_Drawing_PathClose(Path);
+    const float penWidth2 = 8.0f;
+    OH_Drawing_Pen *cPen2 = OH_Drawing_PenCreate();
+    OH_Drawing_PenSetColor(cPen2, OH_Drawing_ColorSetArgb(0xFF, 0x00, 0x00, 0xFF));
+    OH_Drawing_PenSetWidth(cPen2, penWidth2);
+    OH_Drawing_Brush *qBrush = OH_Drawing_BrushCreate();
+    OH_Drawing_BrushSetColor(qBrush, OH_Drawing_ColorSetArgb(0xFF, 0x00, 0xFF, 0xFF));
+    OH_Drawing_CanvasAttachBrush(canvas_, qBrush);
+    OH_Drawing_CanvasAttachPen(canvas_, cPen2);
+    OH_Drawing_CanvasDrawPath(canvas_, Path);
+    OH_Drawing_CanvasDetachPen(canvas_);
+    OH_Drawing_CanvasDetachBrush(canvas_);
+    OH_Drawing_PenDestroy(cPen2);
+    OH_Drawing_BrushDestroy(qBrush);
+    OH_Drawing_PathDestroy(Path);
+
+    // 曲线未闭合
+    const float startX4 = 350.f;
+    const float startY4 = 360.0f;
+    OH_Drawing_Font *font4 = OH_Drawing_FontCreate();
+    OH_Drawing_FontSetTextSize(font4, textSize_);
+    OH_Drawing_TextBlob *startBlob4 = OH_Drawing_TextBlobCreateFromString("曲线未闭合", font4, TEXT_ENCODING_UTF8);
+    OH_Drawing_CanvasDrawTextBlob(canvas_, startBlob4, startX4, startY4);
+    OH_Drawing_TextBlobDestroy(startBlob4);
+    OH_Drawing_FontDestroy(font4);
+
+    OH_Drawing_Path *Path2 = OH_Drawing_PathCreate();
+    OH_Drawing_PathMoveTo(Path2, 400.f, 400.f);
+    OH_Drawing_PathCubicTo(Path2, 400.f, 400.f, 550.f, 450.f, 450.f, 500.f);
+    const float penWidth3 = 5.0f;
+    OH_Drawing_Pen *cPen3 = OH_Drawing_PenCreate();
+    OH_Drawing_PenSetAntiAlias(cPen3, true);
+    OH_Drawing_PenSetColor(cPen3, OH_Drawing_ColorSetArgb(0xFF, 0x00, 0x00, 0xFF));
+    OH_Drawing_PenSetWidth(cPen3, penWidth3);
+    OH_Drawing_CanvasAttachPen(canvas_, cPen3);
+    OH_Drawing_CanvasDrawPath(canvas_, Path2);
+    OH_Drawing_CanvasDetachPen(canvas_);
+    OH_Drawing_PenDestroy(cPen3);
+    OH_Drawing_PathDestroy(Path2);
+
+    const float startX5 = 300.f;
+    const float startY5 = 560.0f;
+    OH_Drawing_Font *font5 = OH_Drawing_FontCreate();
+    OH_Drawing_FontSetTextSize(font5, textSize_);
+    OH_Drawing_TextBlob *startBlob5 = OH_Drawing_TextBlobCreateFromString("复杂路径", font5, TEXT_ENCODING_UTF8);
+    OH_Drawing_CanvasDrawTextBlob(canvas_, startBlob5, startX5, startY5);
+    OH_Drawing_FontDestroy(font5);
+    OH_Drawing_TextBlobDestroy(startBlob5);
+
+    // 小猫的脸
+    const float catPenWidth = 10.0f;
+    OH_Drawing_Pen *pen = OH_Drawing_PenCreate();
+    OH_Drawing_PenSetColor(pen, OH_Drawing_ColorSetArgb(0xFF, 0xFF, 0xCC, 0x00));
+    OH_Drawing_PenSetWidth(pen, catPenWidth);
+    OH_Drawing_Path *path = OH_Drawing_PathCreate();
+    OH_Drawing_PathAddCircle(path, 380.f, 750.f, 100.f, PATH_DIRECTION_CW);
+    OH_Drawing_CanvasAttachPen(canvas_, pen);
+    OH_Drawing_CanvasDrawPath(canvas_, path);
+    OH_Drawing_CanvasDetachPen(canvas_);
+    OH_Drawing_PathDestroy(path);
+
+    // 小猫耳朵
+    float earX1 = 280.0f;
+    float earY1 = 560.0f;
+    OH_Drawing_Path *ePath = OH_Drawing_PathCreate();
+    OH_Drawing_PathMoveTo(ePath, earX1, earY1);
+    OH_Drawing_PathLineTo(ePath, earX1 + 10.0f, earY1 + 150.0f);
+    OH_Drawing_PathMoveTo(ePath, earX1, earY1);
+    OH_Drawing_PathLineTo(ePath, earX1 + 80.f, earY1 + 90.0f);
+    OH_Drawing_CanvasAttachPen(canvas_, pen);
+    OH_Drawing_CanvasDrawPath(canvas_, ePath);
+    OH_Drawing_PathDestroy(ePath);
+
+    float earX2 = 480.0f;
+    float earY2 = 550.0f;
+    OH_Drawing_Path *ePath2 = OH_Drawing_PathCreate();
+    OH_Drawing_PathMoveTo(ePath2, earX2, earY2);
+    OH_Drawing_PathLineTo(ePath2, earX2 - 80.f, earY2 + 100.0f);
+    OH_Drawing_PathMoveTo(ePath2, earX2, earY2);
+    OH_Drawing_PathLineTo(ePath2, earX2 - 10.0f, earY2 + 150.0f);
+    OH_Drawing_CanvasAttachPen(canvas_, pen);
+    OH_Drawing_CanvasDrawPath(canvas_, ePath2);
+    OH_Drawing_PathDestroy(ePath2);
+
+    // 小猫胡须
+    float clen = 150.0f;
+    float musLX1 = 330.0f;
+    float musLY1 = 750.0f;
+    OH_Drawing_Path *mLPath = OH_Drawing_PathCreate();
+    OH_Drawing_PathMoveTo(mLPath, musLX1, musLY1);
+    OH_Drawing_PathLineTo(mLPath, musLX1 - clen, musLY1 - 20.0f);
+    OH_Drawing_CanvasAttachPen(canvas_, pen);
+    OH_Drawing_CanvasDrawPath(canvas_, mLPath);
+    OH_Drawing_PathDestroy(mLPath);
+
+    float musLX2 = 330.0f;
+    float musLY2 = 770.0f;
+    OH_Drawing_Path *mLPath2 = OH_Drawing_PathCreate();
+    OH_Drawing_PathMoveTo(mLPath2, musLX2, musLY2);
+    OH_Drawing_PathLineTo(mLPath2, musLX2 - clen, musLY2);
+    OH_Drawing_CanvasAttachPen(canvas_, pen);
+    OH_Drawing_CanvasDrawPath(canvas_, mLPath2);
+    OH_Drawing_PathDestroy(mLPath2);
+
+    float musLX3 = 330.0f;
+    float musLY3 = 790.0f;
+    OH_Drawing_Path *mLPath3 = OH_Drawing_PathCreate();
+    OH_Drawing_PathMoveTo(mLPath3, musLX3, musLY3);
+    OH_Drawing_PathLineTo(mLPath3, musLX3 - clen, musLY3 + 20.0f);
+    OH_Drawing_CanvasAttachPen(canvas_, pen);
+    OH_Drawing_CanvasDrawPath(canvas_, mLPath3);
+    OH_Drawing_PathDestroy(mLPath3);
+
+    float musRX1 = 420.0f;
+    float musRY1 = 750.0f;
+    OH_Drawing_Path *mRPath = OH_Drawing_PathCreate();
+    OH_Drawing_PathMoveTo(mRPath, musRX1, musRY1);
+    OH_Drawing_PathLineTo(mRPath, musRX1 + clen, musRY1 - 20.0f);
+    OH_Drawing_CanvasAttachPen(canvas_, pen);
+    OH_Drawing_CanvasDrawPath(canvas_, mRPath);
+    OH_Drawing_PathDestroy(mRPath);
+
+    float musRX2 = 420.0f;
+    float musRY2 = 770.0f;
+    OH_Drawing_Path *mRPath2 = OH_Drawing_PathCreate();
+    OH_Drawing_PathMoveTo(mRPath2, musRX2, musRY2);
+    OH_Drawing_PathLineTo(mRPath2, musRX2 + clen, musRY2);
+    OH_Drawing_CanvasAttachPen(canvas_, pen);
+    OH_Drawing_CanvasDrawPath(canvas_, mRPath2);
+    OH_Drawing_PathDestroy(mRPath2);
+
+    float musRX3 = 420.0f;
+    float musRY3 = 790.0f;
+    OH_Drawing_Path *mRPath3 = OH_Drawing_PathCreate();
+    OH_Drawing_PathMoveTo(mRPath3, musRX3, musRY3);
+    OH_Drawing_PathLineTo(mRPath3, musRX3 + clen, musRY3 + 20.0f);
+    OH_Drawing_CanvasAttachPen(canvas_, pen);
+    OH_Drawing_CanvasDrawPath(canvas_, mRPath3);
+    OH_Drawing_PathDestroy(mRPath3);
+    OH_Drawing_PenDestroy(pen);
+
+    // 小猫眼睛
+    const float ePenWidth = 8.0f;
+    OH_Drawing_Pen *ePen = OH_Drawing_PenCreate();
+    OH_Drawing_PenSetColor(ePen, OH_Drawing_ColorSetArgb(0xFF, 0xFF, 0xCC, 0x00));
+    OH_Drawing_PenSetWidth(ePen, ePenWidth);
+    OH_Drawing_Path *ovalPath = OH_Drawing_PathCreate();
+    OH_Drawing_Rect *rect = OH_Drawing_RectCreate(320.f, 700.f, 360.f, 720.f);
+    OH_Drawing_PathAddArc(ovalPath, rect, 180.f, 360.f);
+    OH_Drawing_PathAddArc(ovalPath, rect, 0, 180.f);
+
+    OH_Drawing_CanvasAttachPen(canvas_, ePen);
+    OH_Drawing_CanvasDrawPath(canvas_, ovalPath);
+    OH_Drawing_RectDestroy(rect);
+
+    OH_Drawing_Rect *rect2 = OH_Drawing_RectCreate(400.f, 700.f, 440.f, 720.f);
+    OH_Drawing_PathAddOval(ovalPath, rect2, PATH_DIRECTION_CCW);
+    OH_Drawing_CanvasAttachPen(canvas_, ePen);
+    OH_Drawing_CanvasDrawPath(canvas_, ovalPath);
+    OH_Drawing_CanvasDetachPen(canvas_);
+    OH_Drawing_CanvasDetachBrush(canvas_);
+    OH_Drawing_RectDestroy(rect2);
+    OH_Drawing_PathDestroy(ovalPath);
+    OH_Drawing_PenDestroy(ePen);
+}
+
+/**
+ * Path填充绘制矢量图元
+ */
+void NativeDraw::DrawPathBrush()
+{
+    // title
+    const float startX = 150.f;
+    const float startY = 1160.f;
+    int32_t w = width_ / 6;
+    OH_Drawing_Font *font = OH_Drawing_FontCreate();
+    OH_Drawing_FontSetTextSize(font, textSize_);
+    OH_Drawing_TextBlob *stringPathBrush =
+        OH_Drawing_TextBlobCreateFromString("Path填充绘制矢量图元", font, TEXT_ENCODING_UTF8);
+    OH_Drawing_CanvasDrawTextBlob(canvas_, stringPathBrush, startX, startY);
+    OH_Drawing_TextBlobDestroy(stringPathBrush);
+    OH_Drawing_FontDestroy(font);
+    // set brush
+    OH_Drawing_Brush *brush = OH_Drawing_BrushCreate();
+    uint32_t color = 0xff4472c3;
+    OH_Drawing_BrushSetColor(brush, color);
+    OH_Drawing_CanvasAttachBrush(canvas_, brush);
+    // rect
+    OH_Drawing_Path *pathRect = OH_Drawing_PathCreate();
+    // w * 2 - 10.f Indicates the top coordinate of the upper top corner of the rectangle.
+    OH_Drawing_PathAddRect(pathRect, w + 10.f, startY + 40, w * 2 - 10.f, startY + 100, PATH_DIRECTION_CCW);
+    OH_Drawing_CanvasDrawPath(canvas_, pathRect);
+    OH_Drawing_PathDestroy(pathRect);
+    // oval
+    OH_Drawing_Path *pathOval = OH_Drawing_PathCreate();
+    OH_Drawing_Rect *rectOval = OH_Drawing_RectCreate(w * 2 + 10.f, startY + 40, w * 3 - 10.f, startY + 100);
+    OH_Drawing_PathAddOval(pathOval, rectOval, OH_Drawing_PathDirection::PATH_DIRECTION_CW);
+    OH_Drawing_CanvasDrawPath(canvas_, pathOval);
+    OH_Drawing_RectDestroy(rectOval);
+    OH_Drawing_PathDestroy(pathOval);
+    // roundrect
+    OH_Drawing_Path *pathRoundRect = OH_Drawing_PathCreate();
+    OH_Drawing_Rect *rectRoundRect = OH_Drawing_RectCreate(w * 3 + 10.f, startY + 40, w * 4 - 10.f, startY + 100);
+    OH_Drawing_RoundRect *roundRect = OH_Drawing_RoundRectCreate(rectRoundRect, 20, 20);
+    OH_Drawing_PathAddRoundRect(pathRoundRect, roundRect, PATH_DIRECTION_CCW);
+    OH_Drawing_CanvasDrawPath(canvas_, pathRoundRect);
+    OH_Drawing_RectDestroy(rectRoundRect);
+    OH_Drawing_PathDestroy(pathRoundRect);
+    OH_Drawing_RoundRectDestroy(roundRect);
+    // polygon
+    OH_Drawing_Path *pathPolygon = OH_Drawing_PathCreate();
+    float leftPointX = w * 4 + 10;
+    float rightPointX = w * 5 - 10;
+    float middlePointX = (leftPointX + rightPointX) / 2;
+    OH_Drawing_Point2D points[] = {{middlePointX, startY + 40}, {leftPointX, startY + 100}, {rightPointX, startY + 100}};
+    OH_Drawing_PathAddPolygon(pathPolygon, points, 3, true); // 3 is the size of point array
+    OH_Drawing_CanvasDrawPath(canvas_, pathPolygon);
+    OH_Drawing_PathDestroy(pathPolygon);
+    // arc
+    OH_Drawing_Rect *rectArc = OH_Drawing_RectCreate(w * 5 - 50.f, startY + 40, w * 6 - 10.f, startY + 160);
+    OH_Drawing_Path *pathArc = OH_Drawing_PathCreate();
+    OH_Drawing_PathAddArc(pathArc, rectArc, 0, -90.f);
+    OH_Drawing_CanvasDrawPath(canvas_, pathArc);
+    OH_Drawing_RectDestroy(rectArc);
+    OH_Drawing_PathDestroy(pathArc);
+    OH_Drawing_CanvasDetachBrush(canvas_);
+    OH_Drawing_BrushDestroy(brush);
+}
+
+/**
+ * Path描边绘制矢量图元
+ */
+void NativeDraw::DrawPathLine()
+{
+    // title
+    const float startX = 150.f;
+    const float startY = 1330.f;
+    OH_Drawing_Font *font = OH_Drawing_FontCreate();
+    OH_Drawing_FontSetTextSize(font, textSize_);
+    OH_Drawing_TextBlob *stringPathLine =
+        OH_Drawing_TextBlobCreateFromString("Path描边绘制矢量图元", font, TEXT_ENCODING_UTF8);
+    OH_Drawing_CanvasDrawTextBlob(canvas_, stringPathLine, startX, startY);
+    OH_Drawing_TextBlobDestroy(stringPathLine);
+    OH_Drawing_FontDestroy(font);
+    // pen
+    OH_Drawing_Pen *pen = OH_Drawing_PenCreate();
+    OH_Drawing_PenSetColor(pen, OH_Drawing_ColorSetArgb(0xFF, 0x45, 0x71, 0xC4));
+    OH_Drawing_PenSetAntiAlias(pen, true);
+    float penWidth = 3.f;
+    OH_Drawing_PenSetWidth(pen, penWidth);
+    OH_Drawing_CanvasAttachPen(canvas_, pen);
+    int32_t w = width_ / 6;
+    // lineto
+    OH_Drawing_Path *pathLine = OH_Drawing_PathCreate();
+    OH_Drawing_PathMoveTo(pathLine, 20.f, startY + 60);
+    OH_Drawing_PathLineTo(pathLine, w - 20, startY + 60); // w - 20 is the x coordinate of the target point.
+    OH_Drawing_CanvasDrawPath(canvas_, pathLine);
+    OH_Drawing_PathDestroy(pathLine);
+    // rect
+    OH_Drawing_Path *pathRect = OH_Drawing_PathCreate();
+    // w * 2 - 10.f Indicates the top coordinate of the upper top corner of the rectangle.
+    OH_Drawing_PathAddRect(pathRect, w + 10.f, startY + 30, w * 2 - 10.f, startY + 90, PATH_DIRECTION_CCW);
+    OH_Drawing_CanvasDrawPath(canvas_, pathRect);
+    OH_Drawing_PathDestroy(pathRect);
+    // oval
+    OH_Drawing_Path *pathOval = OH_Drawing_PathCreate();
+    OH_Drawing_Rect *rectOval = OH_Drawing_RectCreate(w * 2 + 10.f, startY + 30, w * 3 - 10.f, startY + 60);
+    OH_Drawing_PathAddOval(pathOval, rectOval, OH_Drawing_PathDirection::PATH_DIRECTION_CW);
+    OH_Drawing_CanvasDrawPath(canvas_, pathOval);
+    OH_Drawing_RectDestroy(rectOval);
+    OH_Drawing_PathDestroy(pathOval);
+    // roundrect
+    OH_Drawing_Path *pathRoundRect = OH_Drawing_PathCreate();
+    OH_Drawing_Rect *rectRoundRect = OH_Drawing_RectCreate(w * 3 + 10.f, startY + 30, w * 4 - 10.f, startY + 60);
+    OH_Drawing_RoundRect *roundRect = OH_Drawing_RoundRectCreate(rectRoundRect, 20.f, 20.f);
+    OH_Drawing_PathAddRoundRect(pathRoundRect, roundRect, PATH_DIRECTION_CCW);
+    OH_Drawing_CanvasDrawPath(canvas_, pathRoundRect);
+    OH_Drawing_RectDestroy(rectRoundRect);
+    OH_Drawing_PathDestroy(pathRoundRect);
+    OH_Drawing_RoundRectDestroy(roundRect);
+    // polygon
+    OH_Drawing_Path *pathPolygon = OH_Drawing_PathCreate();
+    float leftPointX = w * 4 + 10;
+    float rightPointX = w * 5 - 10;
+    float middlePointX = (leftPointX + rightPointX) / 2;
+    OH_Drawing_Point2D points[] = {{middlePointX, startY + 30}, {leftPointX, startY + 60}, {rightPointX, startY + 60}};
+    OH_Drawing_PathAddPolygon(pathPolygon, points, 3, true); // 3 is the size of point array
+    OH_Drawing_CanvasDrawPath(canvas_, pathPolygon);
+    OH_Drawing_PathDestroy(pathPolygon);
+    // arc
+    OH_Drawing_Rect *rectArc = OH_Drawing_RectCreate(w * 5 - 50.f, startY + 30, w * 6 - 10.f, startY + 150);
+    OH_Drawing_Path *pathArc = OH_Drawing_PathCreate();
+    OH_Drawing_PathAddArc(pathArc, rectArc, 0, -90.f);
+    OH_Drawing_CanvasDrawPath(canvas_, pathArc);
+    OH_Drawing_RectDestroy(rectArc);
+    OH_Drawing_PathDestroy(pathArc);
+    // destory
+    OH_Drawing_CanvasDetachPen(canvas_);
+    OH_Drawing_PenDestroy(pen);
+}
+
+/**
+ * Path渐变绘制矢量图元
+ */
+void NativeDraw::DrawPathShade()
+{
+    int32_t w = width_ / 6;
+    // title
+    const float startX = 150.f;
+    const float startY = 1480.f;
+    OH_Drawing_Font *font = OH_Drawing_FontCreate();
+    OH_Drawing_FontSetTextSize(font, textSize_);
+    OH_Drawing_TextBlob *stringPathShade =
+        OH_Drawing_TextBlobCreateFromString("Path渐变绘制矢量图元", font, TEXT_ENCODING_UTF8);
+    OH_Drawing_CanvasDrawTextBlob(canvas_, stringPathShade, startX, startY);
+    OH_Drawing_TextBlobDestroy(stringPathShade);
+    OH_Drawing_FontDestroy(font);
+    // create brush
+    uint32_t colors[] = {0xFFf8fa12, 0xFFacc3dd};
+    float pos[] = {0.0f, 1.0f};
+
+    // rect
+    OH_Drawing_Brush *brushRect = OH_Drawing_BrushCreate();
+    OH_Drawing_Point *startPt1 = OH_Drawing_PointCreate(w * 3 / 2, startY + 30);
+    OH_Drawing_Point *endPt1 = OH_Drawing_PointCreate(w * 3 / 2, startY + 90);
+    OH_Drawing_ShaderEffect *shaderEffectRect =
+        OH_Drawing_ShaderEffectCreateLinearGradient(startPt1, endPt1, colors, pos, 2, CLAMP);
+    OH_Drawing_BrushSetShaderEffect(brushRect, shaderEffectRect);
+    OH_Drawing_CanvasAttachBrush(canvas_, brushRect);
+    OH_Drawing_Path *pathRect = OH_Drawing_PathCreate();
+    // w * 2 - 10.f Indicates the top coordinate of the upper top corner of the rectangle.
+    OH_Drawing_PathAddRect(pathRect, w + 10.f, startY + 30, w * 2 - 10.f, startY + 90, PATH_DIRECTION_CCW);
+    OH_Drawing_CanvasDrawPath(canvas_, pathRect);
+    OH_Drawing_PathDestroy(pathRect);
+    OH_Drawing_PointDestroy(startPt1);
+    OH_Drawing_PointDestroy(endPt1);
+    OH_Drawing_CanvasDetachBrush(canvas_);
+    OH_Drawing_BrushDestroy(brushRect);
+    OH_Drawing_ShaderEffectDestroy(shaderEffectRect);
+
+    // oval
+    OH_Drawing_Brush *brushOval = OH_Drawing_BrushCreate();
+    OH_Drawing_Point *startPt2 = OH_Drawing_PointCreate(w * 5 / 2, startY + 30);
+    OH_Drawing_Point *endPt2 = OH_Drawing_PointCreate(w * 5 / 2, startY + 90);
+    OH_Drawing_Path *pathOval = OH_Drawing_PathCreate();
+    OH_Drawing_Rect *rectOval = OH_Drawing_RectCreate(w * 2 + 10.f, startY + 30, w * 3 - 10.f, startY + 90);
+    OH_Drawing_ShaderEffect *shaderEffectOval =
+        OH_Drawing_ShaderEffectCreateLinearGradient(startPt2, endPt2, colors, pos, 2, CLAMP);
+    OH_Drawing_BrushSetShaderEffect(brushOval, shaderEffectOval);
+    OH_Drawing_CanvasAttachBrush(canvas_, brushOval);
+    OH_Drawing_PathAddOval(pathOval, rectOval, OH_Drawing_PathDirection::PATH_DIRECTION_CW);
+    OH_Drawing_CanvasDrawPath(canvas_, pathOval);
+    OH_Drawing_RectDestroy(rectOval);
+    OH_Drawing_PathDestroy(pathOval);
+    OH_Drawing_PointDestroy(startPt2);
+    OH_Drawing_PointDestroy(endPt2);
+    OH_Drawing_CanvasDetachBrush(canvas_);
+    OH_Drawing_BrushDestroy(brushOval);
+    OH_Drawing_ShaderEffectDestroy(shaderEffectOval);
+
+    // roundrect
+    OH_Drawing_Brush *brushRoundRect = OH_Drawing_BrushCreate();
+    OH_Drawing_Point *startPt3 = OH_Drawing_PointCreate(w * 7 / 2, startY + 30);
+    OH_Drawing_Point *endPt3 = OH_Drawing_PointCreate(w * 7 / 2, startY + 90);
+    OH_Drawing_Path *pathRoundRect = OH_Drawing_PathCreate();
+    OH_Drawing_Rect *rectRoundRect = OH_Drawing_RectCreate(w * 3 + 10.f, startY + 30, w * 4 - 10.f, startY + 90);
+    OH_Drawing_RoundRect *roundRect = OH_Drawing_RoundRectCreate(rectRoundRect, 20.f, 20.f);
+    OH_Drawing_PathAddRoundRect(pathRoundRect, roundRect, PATH_DIRECTION_CCW);
+    OH_Drawing_ShaderEffect *shaderEffectRoundRect =
+        OH_Drawing_ShaderEffectCreateLinearGradient(startPt3, endPt3, colors, pos, 2, CLAMP);
+    OH_Drawing_BrushSetShaderEffect(brushRoundRect, shaderEffectRoundRect);
+    OH_Drawing_CanvasAttachBrush(canvas_, brushRoundRect);
+    OH_Drawing_CanvasDrawPath(canvas_, pathRoundRect);
+    OH_Drawing_RectDestroy(rectRoundRect);
+    OH_Drawing_PathDestroy(pathRoundRect);
+    OH_Drawing_RoundRectDestroy(roundRect);
+    OH_Drawing_PointDestroy(startPt3);
+    OH_Drawing_PointDestroy(endPt3);
+    OH_Drawing_CanvasDetachBrush(canvas_);
+    OH_Drawing_BrushDestroy(brushRoundRect);
+    OH_Drawing_ShaderEffectDestroy(shaderEffectRoundRect);
+
+    // polygon
+    OH_Drawing_Brush *brushPolygon = OH_Drawing_BrushCreate();
+    OH_Drawing_Point *startPt4 = OH_Drawing_PointCreate(w * 9 / 2, startY + 30);
+    OH_Drawing_Point *endPt4 = OH_Drawing_PointCreate(w * 9 / 2, startY + 90);
+    OH_Drawing_ShaderEffect *shaderEffectPolygon =
+        OH_Drawing_ShaderEffectCreateLinearGradient(startPt4, endPt4, colors, pos, 2, CLAMP);
+    OH_Drawing_BrushSetShaderEffect(brushPolygon, shaderEffectPolygon);
+    OH_Drawing_CanvasAttachBrush(canvas_, brushPolygon);
+    OH_Drawing_Path *pathPolygon = OH_Drawing_PathCreate();
+    float leftPointX = w * 4 + 10;
+    float rightPointX = w * 5 - 10;
+    float middlePointX = (leftPointX + rightPointX) / 2;
+    OH_Drawing_Point2D points[] = {{middlePointX, startY + 30}, {leftPointX, startY + 90}, {rightPointX, startY + 90}};
+    OH_Drawing_PathAddPolygon(pathPolygon, points, 3, true); // 3 is the size of point array
+    OH_Drawing_CanvasDrawPath(canvas_, pathPolygon);
+    OH_Drawing_PathDestroy(pathPolygon);
+    OH_Drawing_PointDestroy(startPt4);
+    OH_Drawing_PointDestroy(endPt4);
+    OH_Drawing_CanvasDetachBrush(canvas_);
+    OH_Drawing_BrushDestroy(brushPolygon);
+    OH_Drawing_ShaderEffectDestroy(shaderEffectPolygon);
+
+    // arc
+    OH_Drawing_Brush *brushArc = OH_Drawing_BrushCreate();
+    OH_Drawing_Point *startPt5 = OH_Drawing_PointCreate(w * 11 / 2, startY + 30);
+    OH_Drawing_Point *endPt5 = OH_Drawing_PointCreate(w * 6 - 10.f, startY + 90);
+    OH_Drawing_ShaderEffect *shaderEffectArc =
+        OH_Drawing_ShaderEffectCreateLinearGradient(startPt5, endPt5, colors, pos, 2, CLAMP);
+    OH_Drawing_BrushSetShaderEffect(brushArc, shaderEffectArc);
+    OH_Drawing_CanvasAttachBrush(canvas_, brushArc);
+    OH_Drawing_Rect *rectArc = OH_Drawing_RectCreate(w * 5 - 50.f, startY + 30, w * 6 - 10.f, startY + 150);
+    OH_Drawing_Path *pathArc = OH_Drawing_PathCreate();
+    OH_Drawing_PathAddArc(pathArc, rectArc, 0, -90.f);
+    OH_Drawing_CanvasDrawPath(canvas_, pathArc);
+    OH_Drawing_RectDestroy(rectArc);
+    OH_Drawing_PathDestroy(pathArc);
+    OH_Drawing_PointDestroy(startPt5);
+    OH_Drawing_PointDestroy(endPt5);
+    OH_Drawing_CanvasDetachBrush(canvas_);
+    OH_Drawing_BrushDestroy(brushArc);
+    OH_Drawing_ShaderEffectDestroy(shaderEffectArc);
+}
\ No newline at end of file
diff --git a/code/BasicFeature/Native/NdkDrawingSample/entry/src/main/cpp/samples/native_draw_pictext.cpp b/code/BasicFeature/Native/NdkDrawingSample/entry/src/main/cpp/samples/native_draw_pictext.cpp
new file mode 100755
index 0000000000000000000000000000000000000000..bb65e9ad8126943a9c78bc1ea9a60f12425f709f
--- /dev/null
+++ b/code/BasicFeature/Native/NdkDrawingSample/entry/src/main/cpp/samples/native_draw_pictext.cpp
@@ -0,0 +1,228 @@
+/*
+ * Copyright (c) 2025 Huawei Device Co., Ltd.
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+#include "sample_demo.h"
+
+
+void NativeDraw::DrawImageRect()
+{
+    OH_Drawing_Font *font = OH_Drawing_FontCreate();
+    OH_Drawing_FontSetTextSize(font, textSize_ + 20);
+    OH_Drawing_TextBlob *stringTextBlob =
+        OH_Drawing_TextBlobCreateFromString("图片绘制", font, TEXT_ENCODING_UTF8);
+    OH_Drawing_CanvasDrawTextBlob(canvas_, stringTextBlob, 200, textSize_ + 40);
+
+    const float startX = 20.f;
+    const float startY = 160.0f;
+    OH_Drawing_FontSetTextSize(font, textSize_);
+    OH_Drawing_TextBlob *stringTextBlob1 =
+        OH_Drawing_TextBlobCreateFromString("DrawImageRectWithSrc", font, TEXT_ENCODING_UTF8);
+    OH_Drawing_CanvasDrawTextBlob(canvas_, stringTextBlob1, startX, startY);
+    OH_Drawing_Brush *brush = OH_Drawing_BrushCreate();
+    OH_Drawing_BrushSetColor(brush, 0xff4472c3);
+    OH_Drawing_CanvasAttachBrush(canvas_, brush);
+
+    // CanvasDrawImageRectWithSrc图形
+    OH_Drawing_Image *image = OH_Drawing_ImageCreate();
+    OH_Drawing_Bitmap *bm = OH_Drawing_BitmapCreate();
+    OH_Drawing_BitmapFormat format = {COLOR_FORMAT_BGRA_8888, ALPHA_FORMAT_OPAQUE};
+    // 110 Indicates the width and height of the bitmap to be initialized.
+    OH_Drawing_BitmapBuild(bm, 110, 110, &format);
+    OH_Drawing_ImageBuildFromBitmap(image, bm);
+    OH_Drawing_Canvas *bitmapCanvas1 = OH_Drawing_CanvasCreate();
+    OH_Drawing_CanvasClear(bitmapCanvas1, 0xff4472c3);
+    OH_Drawing_FilterMode filterMode = FILTER_MODE_LINEAR;
+    OH_Drawing_MipmapMode mipmapMode = MIPMAP_MODE_NEAREST;
+    OH_Drawing_SamplingOptions *samplingOptions = OH_Drawing_SamplingOptionsCreate(filterMode, mipmapMode);
+    OH_Drawing_Rect *recty = OH_Drawing_RectCreate(0, 0, 0, 0);
+    OH_Drawing_Rect *rectm = OH_Drawing_RectCreate(startX + 10, startY + 40, startX + 120, startY + 150);
+    OH_Drawing_CanvasDrawImageRectWithSrc(canvas_, image, recty, rectm, samplingOptions, FAST_SRC_RECT_CONSTRAINT);
+    OH_Drawing_CanvasDrawRect(canvas_, recty);
+    OH_Drawing_CanvasDrawRect(canvas_, rectm);
+    // 销毁
+    OH_Drawing_CanvasDetachBrush(canvas_);
+    OH_Drawing_TextBlobDestroy(stringTextBlob1);
+    OH_Drawing_BitmapDestroy(bm);
+    OH_Drawing_ImageDestroy(image);
+    OH_Drawing_SamplingOptionsDestroy(samplingOptions);
+    OH_Drawing_RectDestroy(recty);
+    OH_Drawing_RectDestroy(rectm);
+    OH_Drawing_BrushDestroy(brush);
+
+    // CanvasDrawImageRect图形
+    const float startX2 = 500.f;
+    const float startY2 = startY;
+    OH_Drawing_TextBlob *stringTextBlob2 =
+        OH_Drawing_TextBlobCreateFromString("DrawImageRect", font, TEXT_ENCODING_UTF8);
+    OH_Drawing_CanvasDrawTextBlob(canvas_, stringTextBlob2, startX2, startY2);
+    OH_Drawing_Brush *brush1 = OH_Drawing_BrushCreate();
+    OH_Drawing_BrushSetColor(brush1, 0xff4472c3);
+    OH_Drawing_CanvasAttachBrush(canvas_, brush1);
+
+    OH_Drawing_Bitmap *bitmapRect = OH_Drawing_BitmapCreate();
+    OH_Drawing_BitmapFormat formatRect = {COLOR_FORMAT_BGRA_8888, ALPHA_FORMAT_OPAQUE};
+    // 100 Indicates the width and height of the bitmap to be initialized.
+    OH_Drawing_BitmapBuild(bitmapRect, 100, 100, &formatRect);
+    OH_Drawing_Image *imageRect = OH_Drawing_ImageCreate();
+    OH_Drawing_ImageBuildFromBitmap(imageRect, bitmapRect);
+    OH_Drawing_SamplingOptions *samplingOptionsRect =
+        OH_Drawing_SamplingOptionsCreate(FILTER_MODE_LINEAR, MIPMAP_MODE_NEAREST);
+    OH_Drawing_Rect *rect = OH_Drawing_RectCreate(startX2 + 20.f, startY2 + 40.f, startX2 + 135.f, startY2 + 155.f);
+    OH_Drawing_CanvasDrawImageRect(canvas_, imageRect, rect, samplingOptionsRect);
+
+    OH_Drawing_CanvasDrawRect(canvas_, rect);
+    OH_Drawing_CanvasDetachBrush(canvas_);
+    OH_Drawing_BitmapDestroy(bitmapRect);
+    OH_Drawing_ImageDestroy(imageRect);
+    OH_Drawing_SamplingOptionsDestroy(samplingOptionsRect);
+    OH_Drawing_RectDestroy(rect);
+    OH_Drawing_BrushDestroy(brush1);
+    OH_Drawing_TextBlobDestroy(stringTextBlob2);
+    OH_Drawing_FontDestroy(font);
+}
+
+void NativeDraw::DrawPixelMapBrush(NativePixelMap *native)
+{
+    // DrawVertices
+    const float startX = 20.f;
+    const float startY = 410.0f;
+    OH_Drawing_Font *font = OH_Drawing_FontCreate();
+    OH_Drawing_FontSetTextSize(font, textSize_);
+    OH_Drawing_TextBlob *startBlob = OH_Drawing_TextBlobCreateFromString("DrawVertices", font, TEXT_ENCODING_UTF8);
+    OH_Drawing_CanvasDrawTextBlob(canvas_, startBlob, startX, startY);
+
+    OH_Drawing_Point2D positions[] = {{startX, startY + 30.f}, {startX + 120.f, startY + 30.f}, {startX, startY + 130.f}};
+    OH_Drawing_Point2D texs[] = {{0.0f, 0.0f}, {2.0f, 0.0f}, {1.0f, 1.0f}};
+    const uint16_t indices[] = {0, 1, 2};
+    uint32_t colors[] = {0xFFFF0000, 0xFF0000FF, 0xFF00FF00};
+    int32_t indexCount = sizeof(indices) / sizeof(indices[0]);
+    int32_t vertexCount = sizeof(positions) / sizeof(positions[0]);
+    OH_Drawing_CanvasDrawVertices(canvas_, VERTEX_MODE_TRIANGLES, vertexCount, positions, texs, colors, indexCount,
+                                  indices, BLEND_MODE_SRC);
+    OH_Drawing_FontDestroy(font);
+    OH_Drawing_TextBlobDestroy(startBlob);
+
+    // DrawPixelMapRect
+    const float startX2 = 500.f;
+    const float startY2 = startY;
+    OH_Drawing_Font *font2 = OH_Drawing_FontCreate();
+    OH_Drawing_FontSetTextSize(font2, textSize_);
+    OH_Drawing_TextBlob *startBlob2 =
+        OH_Drawing_TextBlobCreateFromString("DrawPixelMapRect", font2, TEXT_ENCODING_UTF8);
+    OH_Drawing_CanvasDrawTextBlob(canvas_, startBlob2, startX2, startY2);
+    OH_Drawing_FontDestroy(font2);
+    OH_Drawing_TextBlobDestroy(startBlob2);
+
+    OH_Drawing_PixelMap *pixelMap = OH_Drawing_PixelMapGetFromNativePixelMap(native);
+    OH_Drawing_SamplingOptions *sampling = OH_Drawing_SamplingOptionsCreate(FILTER_MODE_LINEAR, MIPMAP_MODE_NONE);
+    OH_Drawing_Rect *src = OH_Drawing_RectCreate(0, 0, 650.f, 664.f);
+    OH_Drawing_Rect *dst = OH_Drawing_RectCreate(startX2 + 20.f, startY2 + 50, startX2 + 400.f, startY2 + 430.f);
+    OH_Drawing_Brush *brush = OH_Drawing_BrushCreate();
+    OH_Drawing_CanvasAttachBrush(canvas_, brush);
+    OH_Drawing_CanvasDrawPixelMapRect(canvas_, pixelMap, src, dst, sampling);
+    OH_Drawing_CanvasDetachBrush(canvas_);
+    OH_Drawing_PixelMapDissolve(pixelMap);
+    OH_Drawing_BrushDestroy(brush);
+    OH_Drawing_CanvasRestore(canvas_);
+    OH_Drawing_SamplingOptionsDestroy(sampling);
+    OH_Drawing_RectDestroy(src);
+    OH_Drawing_RectDestroy(dst);
+}
+
+
+void NativeDraw::DrawTextBlob()
+{
+    const float startY = 660.0f;
+
+    OH_Drawing_Font *font = OH_Drawing_FontCreate();
+    OH_Drawing_FontSetTextSize(font, textSize_ + 20);
+    OH_Drawing_TextBlob *stringTextBlob =
+        OH_Drawing_TextBlobCreateFromString("字块绘制", font, TEXT_ENCODING_UTF8);
+    OH_Drawing_CanvasDrawTextBlob(canvas_, stringTextBlob, 200, startY);
+    OH_Drawing_TextBlobDestroy(stringTextBlob);
+
+    // 基本字块绘制
+    const float startX1 = 20.f;
+    const float startY1 = startY + 100;
+    OH_Drawing_FontSetTextSize(font, textSize_);
+    OH_Drawing_TextBlob *stringTextBlob1 =
+        OH_Drawing_TextBlobCreateFromString("基本字块绘制", font, TEXT_ENCODING_UTF8);
+    OH_Drawing_CanvasDrawTextBlob(canvas_, stringTextBlob1, startX1, startY1);
+    OH_Drawing_TextBlobDestroy(stringTextBlob1);
+
+    OH_Drawing_CanvasDetachPen(canvas_);
+    OH_Drawing_CanvasDetachBrush(canvas_);
+    OH_Drawing_Font *font_basic = OH_Drawing_FontCreate();
+    OH_Drawing_FontSetTextSize(font_basic, 100);
+    const char *str = "Hello world";
+    OH_Drawing_TextBlob *textBlob =
+        OH_Drawing_TextBlobCreateFromString(str, font_basic, OH_Drawing_TextEncoding::TEXT_ENCODING_UTF8);
+    OH_Drawing_CanvasDrawTextBlob(canvas_, textBlob, 100, startY1 + 100); 
+    OH_Drawing_TextBlobDestroy(textBlob);
+    OH_Drawing_FontDestroy(font_basic);
+
+    // 文字描边
+    const float startX2 = startX1;
+    const float startY2 = startY1 + 200;
+    OH_Drawing_FontSetTextSize(font, textSize_);
+    OH_Drawing_TextBlob *stringTextBlob2 =
+        OH_Drawing_TextBlobCreateFromString("文字描边", font, TEXT_ENCODING_UTF8);
+    OH_Drawing_CanvasDrawTextBlob(canvas_, stringTextBlob2, startX2, startY2);
+    OH_Drawing_TextBlobDestroy(stringTextBlob2);
+
+    OH_Drawing_Pen *pen = OH_Drawing_PenCreate();
+    OH_Drawing_PenSetColor(pen, OH_Drawing_ColorSetArgb(0xFF, 0xFF, 0x00, 0x00));
+    OH_Drawing_PenSetWidth(pen, 3);
+    OH_Drawing_CanvasAttachPen(canvas_, pen);
+    OH_Drawing_Font *font_line = OH_Drawing_FontCreate();
+    OH_Drawing_FontSetTextSize(font_line, 150);
+    OH_Drawing_TextBlob *textBlob3 =
+        OH_Drawing_TextBlobCreateFromString(str, font_line, OH_Drawing_TextEncoding::TEXT_ENCODING_UTF8);
+    OH_Drawing_CanvasDrawTextBlob(canvas_, textBlob3, 100, startY2 + 140);
+    OH_Drawing_CanvasDetachPen(canvas_);
+    OH_Drawing_TextBlobDestroy(textBlob3);
+    OH_Drawing_FontDestroy(font_line);
+
+    // 文字渐变
+    const float startX3 = startX1;
+    const float startY3 = startY2 + 250;
+    OH_Drawing_FontSetTextSize(font, textSize_);
+    OH_Drawing_TextBlob *stringTextBlob3 =
+        OH_Drawing_TextBlobCreateFromString("文字渐变", font, TEXT_ENCODING_UTF8);
+    OH_Drawing_CanvasDrawTextBlob(canvas_, stringTextBlob3, startX3, startY3);
+    OH_Drawing_TextBlobDestroy(stringTextBlob3);
+
+    OH_Drawing_Point *startPt = OH_Drawing_PointCreate(startX3, startY3);
+    OH_Drawing_Point *endPt = OH_Drawing_PointCreate(startX3 + 800, startY3 + 800);
+    uint32_t colors[] = {0xFFFFFF00, 0xFFFF0000, 0xFF0000FF};
+    float pos[] = {0.0f, 0.5f, 1.0f};
+    OH_Drawing_ShaderEffect *colorShaderEffect =
+        OH_Drawing_ShaderEffectCreateLinearGradient(startPt, endPt, colors, pos, 3, OH_Drawing_TileMode::CLAMP);
+    OH_Drawing_Brush *brush = OH_Drawing_BrushCreate();
+    OH_Drawing_BrushSetShaderEffect(brush, colorShaderEffect);
+    OH_Drawing_CanvasAttachBrush(canvas_, brush);
+    OH_Drawing_Font *font_shader = OH_Drawing_FontCreate();
+    OH_Drawing_FontSetTextSize(font_shader, 150);
+    OH_Drawing_TextBlob *textBlob4 =
+        OH_Drawing_TextBlobCreateFromString(str, font_shader, OH_Drawing_TextEncoding::TEXT_ENCODING_UTF8);
+    OH_Drawing_CanvasDrawTextBlob(canvas_, textBlob4, 100, startY3 + 140);
+    OH_Drawing_CanvasDetachBrush(canvas_);
+    OH_Drawing_TextBlobDestroy(textBlob4);
+    OH_Drawing_FontDestroy(font_shader);
+    OH_Drawing_BrushDestroy(brush);
+    
+    OH_Drawing_PenDestroy(pen);
+    OH_Drawing_FontDestroy(font);
+}
\ No newline at end of file
diff --git a/code/BasicFeature/Native/NdkDrawingSample/entry/src/main/cpp/samples/native_draw_shape.cpp b/code/BasicFeature/Native/NdkDrawingSample/entry/src/main/cpp/samples/native_draw_shape.cpp
new file mode 100755
index 0000000000000000000000000000000000000000..685e216fb4c328784745333b67662ab15cf3bf6d
--- /dev/null
+++ b/code/BasicFeature/Native/NdkDrawingSample/entry/src/main/cpp/samples/native_draw_shape.cpp
@@ -0,0 +1,380 @@
+/*
+ * Copyright (c) 2025 Huawei Device Co., Ltd.
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+#include "sample_demo.h"
+
+/**
+ * 描边效果
+ */
+void NativeDraw::DrawShapeWithPen()
+{
+    int32_t w = width_ / 4;
+    const float startX = 200.f;
+    const float startY = 60.f;
+    OH_Drawing_Font *font_title = OH_Drawing_FontCreate();
+    OH_Drawing_FontSetTextSize(font_title, textSize_);
+    OH_Drawing_TextBlob *stringTextBlob =
+        OH_Drawing_TextBlobCreateFromString("几何形状绘制-描边", font_title, TEXT_ENCODING_UTF8);
+    OH_Drawing_CanvasDrawTextBlob(canvas_, stringTextBlob, startX, startY);
+    OH_Drawing_TextBlobDestroy(stringTextBlob);
+
+    OH_Drawing_Font *font = OH_Drawing_FontCreate();
+    OH_Drawing_FontSetTextSize(font, textSize_);
+    // pen
+    OH_Drawing_Pen *pen = OH_Drawing_PenCreate();
+    OH_Drawing_PenSetColor(pen, OH_Drawing_ColorSetArgb(0xFF, 0x45, 0x71, 0xC4));
+    OH_Drawing_PenSetAntiAlias(pen, true);
+    float penWidth = 3.f;
+    OH_Drawing_PenSetWidth(pen, penWidth);
+
+    // rect
+    const float startX1 = 20.f;
+    const float startY1 = 120.f;
+    OH_Drawing_TextBlob *stringRect = OH_Drawing_TextBlobCreateFromString("DrawRect", font, TEXT_ENCODING_UTF8);
+    OH_Drawing_CanvasDrawTextBlob(canvas_, stringRect, startX1, startY1);
+    OH_Drawing_CanvasAttachPen(canvas_, pen);
+    OH_Drawing_Rect *rect = OH_Drawing_RectCreate(0 + 20.f, 150.f, w - 20.f, 250.f);
+    OH_Drawing_CanvasDrawRect(canvas_, rect);
+    OH_Drawing_RectDestroy(rect);
+    OH_Drawing_CanvasDetachPen(canvas_);
+    OH_Drawing_TextBlobDestroy(stringRect);
+
+    // roundrect
+    const float startX2 = w;
+    const float startY2 = 120.f;
+    OH_Drawing_TextBlob *stringRoundRect =
+        OH_Drawing_TextBlobCreateFromString("DrawRoundRect", font, TEXT_ENCODING_UTF8);
+    OH_Drawing_CanvasDrawTextBlob(canvas_, stringRoundRect, startX2, startY2);
+    OH_Drawing_CanvasAttachPen(canvas_, pen);
+    OH_Drawing_Rect *rectRoundRect = OH_Drawing_RectCreate(w + 20.f, 150.f, w * 2 - 20.f, 250.f);
+    OH_Drawing_RoundRect *roundRect = OH_Drawing_RoundRectCreate(rectRoundRect, 20.f, 20.f);
+    OH_Drawing_CanvasDrawRoundRect(canvas_, roundRect);
+    OH_Drawing_RectDestroy(rectRoundRect);
+    OH_Drawing_RoundRectDestroy(roundRect);
+    OH_Drawing_CanvasDetachPen(canvas_);
+    OH_Drawing_TextBlobDestroy(stringRoundRect);
+
+    // line
+    const float startX3 = w * 2 + 30;
+    const float startY3 = 120.f;
+    OH_Drawing_TextBlob *stringLine = OH_Drawing_TextBlobCreateFromString("DrawLine", font, TEXT_ENCODING_UTF8);
+    OH_Drawing_CanvasDrawTextBlob(canvas_, stringLine, startX3, startY3);
+    OH_Drawing_CanvasAttachPen(canvas_, pen);
+    // w * 2 + 20.f Indicates the x coordinate of the start point of the line segment.
+    // w * 3 - 20.f indicates the x coordinate of the end point of the line segment.
+    OH_Drawing_CanvasDrawLine(canvas_, w * 2 + 20.f, 200.f, w * 3 - 20.f, 200.f);
+    OH_Drawing_CanvasDetachPen(canvas_);
+    OH_Drawing_TextBlobDestroy(stringLine);
+
+    // arc
+    const float startX4 = w * 3 + 10;
+    const float startY4 = 120.f;
+    OH_Drawing_TextBlob *stringArc = OH_Drawing_TextBlobCreateFromString("DrawArc", font, TEXT_ENCODING_UTF8);
+    OH_Drawing_CanvasDrawTextBlob(canvas_, stringArc, startX4, startY4);
+    OH_Drawing_CanvasAttachPen(canvas_, pen);
+    OH_Drawing_Rect *rectArc = OH_Drawing_RectCreate(w * 3 - 50.f, 150.f, w * 4 - 20.f, 350.f);
+    OH_Drawing_CanvasDrawArc(canvas_, rectArc, 0, -90); // -90 Indicates the sweepAngle of the arc.
+    OH_Drawing_RectDestroy(rectArc);
+    OH_Drawing_CanvasDetachPen(canvas_);
+    OH_Drawing_TextBlobDestroy(stringArc);
+
+    // path
+    const float startX5 = 20.f;
+    const float startY5 = 320.f;
+    OH_Drawing_TextBlob *stringPath = OH_Drawing_TextBlobCreateFromString("DrawPath", font, TEXT_ENCODING_UTF8);
+    OH_Drawing_CanvasDrawTextBlob(canvas_, stringPath, startX5, startY5);
+    OH_Drawing_CanvasAttachPen(canvas_, pen);
+    OH_Drawing_Path *path = OH_Drawing_PathCreate();
+    OH_Drawing_Rect *rect_first = OH_Drawing_RectCreate(10.f, 350.f, w / 2, 450.f);
+    OH_Drawing_PathAddArc(path, rect_first, 0, -130.f);
+    OH_Drawing_Rect *rect_second = OH_Drawing_RectCreate(w / 2, 350.f, w - 20.f, 450.f);
+    OH_Drawing_PathAddArc(path, rect_second, 50.f, 130.f);
+    OH_Drawing_CanvasDrawPath(canvas_, path);
+    OH_Drawing_RectDestroy(rect_first);
+    OH_Drawing_RectDestroy(rect_second);
+    OH_Drawing_PathReset(path);
+    OH_Drawing_PathDestroy(path);
+    OH_Drawing_CanvasDetachPen(canvas_);
+    OH_Drawing_TextBlobDestroy(stringPath);
+
+    // circle
+    const float startX6 = w + 20;
+    const float startY6 = 320.f;
+    OH_Drawing_TextBlob *stringCircle = OH_Drawing_TextBlobCreateFromString("DrawCircle", font, TEXT_ENCODING_UTF8);
+    OH_Drawing_CanvasDrawTextBlob(canvas_, stringCircle, startX6, startY6);
+    OH_Drawing_CanvasAttachPen(canvas_, pen);
+    OH_Drawing_Point *point = OH_Drawing_PointCreate(w * 3 / 2, 400.f);
+    OH_Drawing_CanvasDrawCircle(canvas_, point, 50.f);
+    OH_Drawing_PointDestroy(point);
+    OH_Drawing_CanvasDetachPen(canvas_);
+    OH_Drawing_TextBlobDestroy(stringCircle);
+
+    // oval
+    const float startX7 = w * 2 + 25;
+    const float startY7 = 320.f;
+    OH_Drawing_TextBlob *stringOval = OH_Drawing_TextBlobCreateFromString("DrawOval", font, TEXT_ENCODING_UTF8);
+    OH_Drawing_CanvasDrawTextBlob(canvas_, stringOval, startX7, startY7);
+    OH_Drawing_CanvasAttachPen(canvas_, pen);
+    OH_Drawing_Rect *rectOval = OH_Drawing_RectCreate(w * 2 + 20.f, 350.f, w * 3 - 20.f, 430.f);
+    OH_Drawing_CanvasDrawOval(canvas_, rectOval);
+    OH_Drawing_RectDestroy(rectOval);
+    OH_Drawing_CanvasDetachPen(canvas_);
+    OH_Drawing_TextBlobDestroy(stringOval);
+
+    // DrawRegion
+    const float startX8 = 20.f;
+    const float startY8 = 520.f;
+    OH_Drawing_TextBlob *stringTextBlob2 = OH_Drawing_TextBlobCreateFromString("DrawRegion", font, TEXT_ENCODING_UTF8);
+    OH_Drawing_CanvasDrawTextBlob(canvas_, stringTextBlob2, startX8, startY8);
+    OH_Drawing_CanvasAttachPen(canvas_, pen);
+    // 计算正五边形的顶点坐标
+    int centerX = 70;
+    int centerY = startY8 + textSize_ + 70;
+    int sideLength = 60;
+    double angleIncrement = 2 * M_PI / 5;
+    OH_Drawing_Path *path_region = OH_Drawing_PathCreate();
+    // 5 represents the angle of the shape.
+    for (int i = 0; i < 5; ++i) {
+        double angle = angleIncrement * i;
+        int x = centerX + sideLength * cos(angle - 60.f);
+        int y = centerY - sideLength * sin(angle - 60.f);
+        if (i == 0) {
+            OH_Drawing_PathMoveTo(path_region, x, y);
+        } else {
+            OH_Drawing_PathLineTo(path_region, x, y);
+        }
+    }
+    OH_Drawing_PathClose(path_region);
+    OH_Drawing_Rect *rect_region = OH_Drawing_RectCreate(0, 600.f, 700.f, 850.f);
+    OH_Drawing_PathGetBounds(path_region, rect_region);
+    OH_Drawing_Region *region = OH_Drawing_RegionCreate();
+    OH_Drawing_Region *clip = OH_Drawing_RegionCreate();
+    OH_Drawing_RegionSetRect(clip, rect_region);
+    OH_Drawing_RegionSetPath(region, path_region, clip);
+    OH_Drawing_CanvasDrawRegion(canvas_, region);
+    OH_Drawing_CanvasDetachBrush(canvas_);
+    OH_Drawing_CanvasDetachPen(canvas_);
+    OH_Drawing_RegionDestroy(region);
+    OH_Drawing_RegionDestroy(clip);
+    OH_Drawing_PathDestroy(path_region);
+    OH_Drawing_RectDestroy(rect_region);
+    OH_Drawing_TextBlobDestroy(stringTextBlob);
+
+    // point
+    const float startX9 = w;
+    const float startY9 = startY8;
+    OH_Drawing_TextBlob *startBlob = OH_Drawing_TextBlobCreateFromString("DrawPoint", font, TEXT_ENCODING_UTF8);
+    OH_Drawing_CanvasDrawTextBlob(canvas_, startBlob, startX9, startY9);
+    OH_Drawing_TextBlobDestroy(startBlob);
+
+    constexpr float penWidth2 = 8.0f;
+    OH_Drawing_PenSetWidth(pen, penWidth2);
+    OH_Drawing_CanvasAttachPen(canvas_, pen);
+    const OH_Drawing_Point2D points[] = {startX9 + 50, startY9 + 100};
+    OH_Drawing_CanvasDrawPoint(canvas_, points);
+    OH_Drawing_CanvasDetachPen(canvas_);
+
+    // destory
+    OH_Drawing_PenDestroy(pen);
+    OH_Drawing_FontDestroy(font);
+    OH_Drawing_FontDestroy(font_title);
+}
+
+/**
+ * 填充效果
+ */
+void NativeDraw::DrawShapeWithBrush()
+{
+    int32_t w = width_ / 4;
+    const float startX = 200.f;
+    const float startY = 860.f;
+    OH_Drawing_Font *font_title = OH_Drawing_FontCreate();
+    OH_Drawing_FontSetTextSize(font_title, textSize_);
+    OH_Drawing_TextBlob *stringTextBlob =
+        OH_Drawing_TextBlobCreateFromString("几何形状绘制-填充", font_title, TEXT_ENCODING_UTF8);
+    OH_Drawing_CanvasDrawTextBlob(canvas_, stringTextBlob, startX, startY - textSize_ - 10);
+    OH_Drawing_TextBlobDestroy(stringTextBlob);
+
+    OH_Drawing_Font *font = OH_Drawing_FontCreate();
+    OH_Drawing_FontSetTextSize(font, textSize_);
+    // brush
+    OH_Drawing_Brush *brush = OH_Drawing_BrushCreate();
+    uint32_t color = 0xff4472c3;
+    OH_Drawing_BrushSetColor(brush, color);
+
+    // rect
+    const float startX1 = 20.f;
+    const float startY1 = startY + textSize_ * 2 + 10;
+    OH_Drawing_TextBlob *stringRect = OH_Drawing_TextBlobCreateFromString("DrawRect", font, TEXT_ENCODING_UTF8);
+    OH_Drawing_CanvasDrawTextBlob(canvas_, stringRect, startX1, startY);
+    OH_Drawing_CanvasAttachBrush(canvas_, brush);
+    OH_Drawing_Rect *rect = OH_Drawing_RectCreate(startX1, startY1, w - 20.f, startY1 + 100);
+    OH_Drawing_CanvasDrawRect(canvas_, rect);
+    OH_Drawing_RectDestroy(rect);
+    OH_Drawing_CanvasDetachBrush(canvas_);
+    OH_Drawing_TextBlobDestroy(stringRect);
+
+    // roundrect
+    const float startX2 = w;
+    const float startY2 = startY1;
+    OH_Drawing_TextBlob *stringRoundRect =
+        OH_Drawing_TextBlobCreateFromString("DrawRoundRect", font, TEXT_ENCODING_UTF8);
+    OH_Drawing_CanvasDrawTextBlob(canvas_, stringRoundRect, startX2, startY );
+    OH_Drawing_CanvasAttachBrush(canvas_, brush);
+    OH_Drawing_Rect *rectRoundRect = OH_Drawing_RectCreate(w + 20.f, startY2, w * 2 - 20.f, startY2 + 100);
+    OH_Drawing_RoundRect *roundRect = OH_Drawing_RoundRectCreate(rectRoundRect, 20.f, 20.f);
+    OH_Drawing_CanvasDrawRoundRect(canvas_, roundRect);
+    OH_Drawing_RectDestroy(rectRoundRect);
+    OH_Drawing_RoundRectDestroy(roundRect);
+    OH_Drawing_CanvasDetachBrush(canvas_);
+    OH_Drawing_TextBlobDestroy(stringRoundRect);
+
+    // line
+    const float startX3 = w * 2 + 30;
+    const float startY3 = startY1;
+    OH_Drawing_TextBlob *stringLine = OH_Drawing_TextBlobCreateFromString("DrawLine", font, TEXT_ENCODING_UTF8);
+    OH_Drawing_CanvasDrawTextBlob(canvas_, stringLine, startX3, startY);
+    OH_Drawing_CanvasAttachBrush(canvas_, brush);
+    // w * 2 + 20.f indicates the x coordinate of the start point of the line segment.
+    // w * 3 - 20.f indicates the x coordinate of the end point of the line segment.
+    OH_Drawing_CanvasDrawLine(canvas_, w * 2 + 20.f, startY3 + 60, w * 3 - 20.f, startY3 + 60);
+    OH_Drawing_CanvasDetachBrush(canvas_);
+    OH_Drawing_TextBlobDestroy(stringLine);
+    // arc
+    const float startX4 = w * 3 + 10;
+    const float startY4 = startY1;
+    OH_Drawing_TextBlob *stringArc = OH_Drawing_TextBlobCreateFromString("DrawArc", font, TEXT_ENCODING_UTF8);
+    OH_Drawing_CanvasDrawTextBlob(canvas_, stringArc, startX4, startY);
+    OH_Drawing_CanvasAttachBrush(canvas_, brush);
+    // w * 3 - 50.f Indicates the left position of the rect.
+    OH_Drawing_Rect *rectArc = OH_Drawing_RectCreate(w * 3 - 50.f, startY4, w * 4 - 20.f, startY4 + 200);
+    OH_Drawing_CanvasDrawArc(canvas_, rectArc, 0, -90); // -90 Indicates the sweepAngle of the arc.
+    OH_Drawing_RectDestroy(rectArc);
+    OH_Drawing_CanvasDetachBrush(canvas_);
+    OH_Drawing_TextBlobDestroy(stringArc);
+
+    // path
+    const float startX5 = 20.f;
+    const float startY5_text = startY1 + 200;
+    const float startY5 = startY5_text + textSize_;
+    OH_Drawing_TextBlob *stringPath = OH_Drawing_TextBlobCreateFromString("DrawPath", font, TEXT_ENCODING_UTF8);
+    OH_Drawing_CanvasDrawTextBlob(canvas_, stringPath, startX5, startY5_text);
+    OH_Drawing_CanvasAttachBrush(canvas_, brush);
+    OH_Drawing_Path *path = OH_Drawing_PathCreate();
+    OH_Drawing_Rect *rect_first = OH_Drawing_RectCreate(10.f, startY5, w / 2, startY5 + 100);
+    OH_Drawing_PathAddArc(path, rect_first, 0, -130.f);
+    OH_Drawing_Rect *rect_second = OH_Drawing_RectCreate(w / 2, startY5, w - 20.f, startY5 + 100);
+    OH_Drawing_PathAddArc(path, rect_second, 50.f, 130.f);
+    OH_Drawing_CanvasDrawPath(canvas_, path);
+    OH_Drawing_RectDestroy(rect_first);
+    OH_Drawing_RectDestroy(rect_second);
+    OH_Drawing_PathReset(path);
+    OH_Drawing_PathDestroy(path);
+    OH_Drawing_CanvasDetachBrush(canvas_);
+    OH_Drawing_TextBlobDestroy(stringPath);
+
+    // circle
+    const float startX6 = w + 20;
+    const float startY6 = startY5;
+    OH_Drawing_TextBlob *stringCircle = OH_Drawing_TextBlobCreateFromString("DrawCircle", font, TEXT_ENCODING_UTF8);
+    OH_Drawing_CanvasDrawTextBlob(canvas_, stringCircle, startX6, startY5_text);
+    OH_Drawing_CanvasAttachBrush(canvas_, brush);
+    // w * 3 / 2 Indicates the x-axis coordinates of the point.
+    OH_Drawing_Point *point = OH_Drawing_PointCreate(w * 3 / 2, startY5 + 50);
+    OH_Drawing_CanvasDrawCircle(canvas_, point, 50.f);
+    OH_Drawing_PointDestroy(point);
+    OH_Drawing_CanvasDetachBrush(canvas_);
+    OH_Drawing_TextBlobDestroy(stringCircle);
+
+    // oval
+    const float startX7 = w * 2 + 25;
+    const float startY7 = startY5;
+    OH_Drawing_TextBlob *stringOval = OH_Drawing_TextBlobCreateFromString("DrawOval", font, TEXT_ENCODING_UTF8);
+    OH_Drawing_CanvasDrawTextBlob(canvas_, stringOval, startX7, startY5_text);
+    OH_Drawing_CanvasAttachBrush(canvas_, brush);
+    // w * 2 + 20.f Indicates the left position of the rect.
+    OH_Drawing_Rect *rectOval = OH_Drawing_RectCreate(w * 2 + 20.f, startY7, w * 3 - 20.f, startY7 + 80);
+    OH_Drawing_CanvasDrawOval(canvas_, rectOval);
+    OH_Drawing_RectDestroy(rectOval);
+    OH_Drawing_CanvasDetachBrush(canvas_);
+    OH_Drawing_TextBlobDestroy(stringOval);
+
+    // background
+    OH_Drawing_Brush *brushLayer = OH_Drawing_BrushCreate();
+    uint32_t colorLayer = 0xffffffff;
+    OH_Drawing_BrushSetColor(brushLayer, colorLayer);
+    OH_Drawing_Rect *rectLayer = OH_Drawing_RectCreate(0, 0, 0, 0);
+    OH_Drawing_CanvasSaveLayer(canvas_, rectLayer, brushLayer);
+    const float startX8 = w * 3 - 10;
+    const float startY8 = startY5;
+    OH_Drawing_FontSetTextSize(font, textSize_);
+    OH_Drawing_TextBlob *stringBackground =
+        OH_Drawing_TextBlobCreateFromString("DrawBackground", font, TEXT_ENCODING_UTF8);
+    OH_Drawing_CanvasDrawTextBlob(canvas_, stringBackground, startX8, startY5_text);
+    OH_Drawing_CanvasAttachBrush(canvas_, brush);
+    // w * 3 + 20.f Indicates the left position of the rect.
+    OH_Drawing_Rect *rectBackground = OH_Drawing_RectCreate(w * 3 + 20.f, startY8, w * 4, startY8 + 100);
+    OH_Drawing_CanvasClipRect(canvas_, rectBackground, INTERSECT, true);
+    OH_Drawing_CanvasDrawBackground(canvas_, brush);
+    OH_Drawing_RectDestroy(rectBackground);
+    OH_Drawing_TextBlobDestroy(stringBackground);
+    OH_Drawing_CanvasRestore(canvas_);
+    OH_Drawing_CanvasDetachBrush(canvas_);
+    OH_Drawing_CanvasDetachPen(canvas_);
+    
+    // DrawRegion
+    const float startX9 = 20.f;
+    const float startY9 = startY5 + 200;
+    OH_Drawing_TextBlob *stringTextBlob2 = OH_Drawing_TextBlobCreateFromString("DrawRegion", font, TEXT_ENCODING_UTF8);
+    OH_Drawing_CanvasDrawTextBlob(canvas_, stringTextBlob2, startX9, startY9);
+    OH_Drawing_CanvasAttachBrush(canvas_, brush);
+    // 计算正五边形的顶点坐标
+    int centerX = 70;
+    int centerY = startY9 + textSize_ + 70;
+    int sideLength = 60;
+    double angleIncrement = 2 * M_PI / 5;
+    OH_Drawing_Path *path_region = OH_Drawing_PathCreate();
+    // 5 represents the angle of the shape.
+    for (int i = 0; i < 5; ++i) {
+        double angle = angleIncrement * i;
+        int x = centerX + sideLength * cos(angle - 60.f);
+        int y = centerY - sideLength * sin(angle - 60.f);
+        if (i == 0) {
+            OH_Drawing_PathMoveTo(path_region, x, y);
+        } else {
+            OH_Drawing_PathLineTo(path_region, x, y);
+        }
+    }
+    OH_Drawing_PathClose(path_region);
+    OH_Drawing_Rect *rect_region = OH_Drawing_RectCreate(0, centerY - 50, 700.f, centerY + 200);
+    OH_Drawing_PathGetBounds(path_region, rect_region);
+    OH_Drawing_Region *region = OH_Drawing_RegionCreate();
+    OH_Drawing_Region *clip = OH_Drawing_RegionCreate();
+    OH_Drawing_RegionSetRect(clip, rect_region);
+    OH_Drawing_RegionSetPath(region, path_region, clip);
+    OH_Drawing_CanvasDrawRegion(canvas_, region);
+    OH_Drawing_CanvasDetachBrush(canvas_);
+    OH_Drawing_CanvasDetachPen(canvas_);
+    OH_Drawing_RegionDestroy(region);
+    OH_Drawing_RegionDestroy(clip);
+    OH_Drawing_PathDestroy(path_region);
+    OH_Drawing_RectDestroy(rect_region);
+    OH_Drawing_TextBlobDestroy(stringTextBlob);
+    
+    // destroy
+    OH_Drawing_BrushDestroy(brush);
+    OH_Drawing_FontDestroy(font);
+    OH_Drawing_FontDestroy(font_title);
+}
\ No newline at end of file
diff --git a/code/BasicFeature/Native/NdkDrawingSample/entry/src/main/cpp/samples/sample_demo.cpp b/code/BasicFeature/Native/NdkDrawingSample/entry/src/main/cpp/samples/sample_demo.cpp
new file mode 100755
index 0000000000000000000000000000000000000000..68635124428524414e9a6ca49c0bb3159ba7dc60
--- /dev/null
+++ b/code/BasicFeature/Native/NdkDrawingSample/entry/src/main/cpp/samples/sample_demo.cpp
@@ -0,0 +1,343 @@
+/*
+ * Copyright (c) 2025 Huawei Device Co., Ltd.
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+#include <bits/alltypes.h>
+#include <native_drawing/drawing_font_collection.h>
+#include <native_drawing/drawing_text_typography.h>
+#include <native_drawing/drawing_font.h>
+#include <native_drawing/drawing_types.h>
+#include <native_drawing/drawing_text_blob.h>
+#include <native_buffer/native_buffer.h>
+
+#include "common/log_common.h"
+#include "native_draw.h"
+#include "sample_demo.h"
+#include "plugin/plugin_manager.h"
+
+static void OnSurfaceCreatedCB(OH_NativeXComponent *component, void *window)
+{
+    DRAWING_LOGI("OnSurfaceCreatedCB");
+    if ((component == nullptr) || (window == nullptr)) {
+        DRAWING_LOGE("OnSurfaceCreatedCB: component or window is null");
+        return;
+    }
+    char idStr[OH_XCOMPONENT_ID_LEN_MAX + 1] = {'\0'};
+    uint64_t idSize = OH_XCOMPONENT_ID_LEN_MAX + 1;
+    if (OH_NativeXComponent_GetXComponentId(component, idStr, &idSize) != OH_NATIVEXCOMPONENT_RESULT_SUCCESS) {
+        DRAWING_LOGE("OnSurfaceCreatedCB: Unable to get XComponent id");
+        return;
+    }
+    std::string id(idStr);
+    auto render = SampleBitMap::GetInstance(id);
+    OHNativeWindow *nativeWindow = static_cast<OHNativeWindow *>(window);
+    render->SetNativeWindow(nativeWindow);
+
+    uint64_t width;
+    uint64_t height;
+    int32_t xSize = OH_NativeXComponent_GetXComponentSize(component, window, &width, &height);
+    if ((xSize == OH_NATIVEXCOMPONENT_RESULT_SUCCESS) && (render != nullptr)) {
+        render->SetHeight(height);
+        render->SetWidth(width);
+    }
+}
+
+static void OnSurfaceChangedCB(OH_NativeXComponent* component, void* window)
+{
+    // 可获取 OHNativeWindow 实例
+    OHNativeWindow* nativeWindow = static_cast<OHNativeWindow*>(window);
+    char idStr[OH_XCOMPONENT_ID_LEN_MAX + 1] = {'\0'};
+    uint64_t idSize = OH_XCOMPONENT_ID_LEN_MAX + 1;
+    if (OH_NativeXComponent_GetXComponentId(component, idStr, &idSize) != OH_NATIVEXCOMPONENT_RESULT_SUCCESS) {
+        DRAWING_LOGE("OnSurfaceChangedCB: Unable to get XComponent id");
+        return;
+    }
+    std::string id(idStr);
+    auto render = SampleBitMap::GetInstance(id);
+
+    uint64_t width;
+    uint64_t height;
+    int32_t xSize = OH_NativeXComponent_GetXComponentSize(component, window, &width, &height);
+    if ((xSize == OH_NATIVEXCOMPONENT_RESULT_SUCCESS) && (render != nullptr)) {
+        render->SetHeight(height);
+        render->SetWidth(width);
+    }
+}
+
+static void OnSurfaceDestroyedCB(OH_NativeXComponent *component, void *window)
+{
+    DRAWING_LOGI("OnSurfaceDestroyedCB");
+    OHNativeWindow* nativeWindow = static_cast<OHNativeWindow*>(window);
+    if ((component == nullptr) || (window == nullptr)) {
+        DRAWING_LOGE("OnSurfaceDestroyedCB: component or window is null");
+        return;
+    }
+    char idStr[OH_XCOMPONENT_ID_LEN_MAX + 1] = {'\0'};
+    uint64_t idSize = OH_XCOMPONENT_ID_LEN_MAX + 1;
+    if (OH_NativeXComponent_GetXComponentId(component, idStr, &idSize) != OH_NATIVEXCOMPONENT_RESULT_SUCCESS) {
+        DRAWING_LOGE("OnSurfaceDestroyedCB: Unable to get XComponent id");
+        return;
+    }
+    std::string id(idStr);
+    SampleBitMap::Release(id);
+}
+
+static void DispatchTouchEventCB(OH_NativeXComponent* component, void* window)
+{
+    // 可获取 OHNativeWindow 实例
+    OHNativeWindow* nativeWindow = static_cast<OHNativeWindow*>(window);
+    // ...
+}
+
+static std::unordered_map<std::string, SampleBitMap *> g_instance;
+
+void SampleBitMap::SetWidth(uint64_t width)
+{
+    width_ = width;
+}
+
+void SampleBitMap::SetHeight(uint64_t height)
+{
+    height_ = height;
+}
+
+void SampleBitMap::SetNativeWindow(OHNativeWindow *nativeWindow)
+{
+    nativeWindow_ = nativeWindow;
+}
+
+void SampleBitMap::Prepare()
+{
+    if (nativeWindow_ == nullptr) {
+        DRAWING_LOGE("nativeWindow_ is nullptr");
+        return;
+    }
+    // 这里的nativeWindow是从上一步骤中的回调函数中获得的
+    int32_t usage = NATIVEBUFFER_USAGE_CPU_READ | NATIVEBUFFER_USAGE_CPU_WRITE | NATIVEBUFFER_USAGE_MEM_DMA;
+    int ret = OH_NativeWindow_NativeWindowHandleOpt(nativeWindow_, SET_USAGE, usage);
+    if (ret != 0) {
+        DRAWING_LOGE("failed to OH_NativeWindow_NativeWindowHandleOpt");
+        return;
+    }
+    // 通过 OH_NativeWindow_NativeWindowRequestBuffer 获取 OHNativeWindowBuffer 实例
+    ret = OH_NativeWindow_NativeWindowRequestBuffer(nativeWindow_, &buffer_, &fenceFd_);
+    DRAWING_LOGI("request buffer ret = %{public}d", ret);
+    // 通过 OH_NativeWindow_GetBufferHandleFromNative 获取 buffer 的 handle
+    bufferHandle_ = OH_NativeWindow_GetBufferHandleFromNative(buffer_);
+    // 使用系统mmap接口拿到bufferHandle的内存虚拟地址
+    mappedAddr_ = static_cast<uint32_t *>(
+        mmap(bufferHandle_->virAddr, bufferHandle_->size, PROT_READ | PROT_WRITE, MAP_SHARED, bufferHandle_->fd, 0));
+    if (mappedAddr_ == MAP_FAILED) {
+        DRAWING_LOGE("mmap failed");
+    }
+}
+
+void SampleBitMap::DisPlay()
+{
+    // 画完后获取像素地址，地址指向的内存包含画布画的像素数据
+    void *bitmapAddr = OH_Drawing_BitmapGetPixels(cBitmap_);
+    uint32_t *value = static_cast<uint32_t *>(bitmapAddr);
+
+    uint32_t *pixel = static_cast<uint32_t *>(mappedAddr_); // 使用mmap获取到的地址来访问内存
+    if (pixel == nullptr) {
+        DRAWING_LOGE("pixel is null");
+        return;
+    }
+    if (value == nullptr) {
+        DRAWING_LOGE("value is null");
+        return;
+    }
+    // 使用mmap获取到的地址来访问内存
+    uint32_t width = static_cast<uint32_t>(bufferHandle_->stride / 4);
+    for (uint32_t x = 0; x < width; x++) {
+        for (uint32_t y = 0; y < height_; y++) {
+            *pixel++ = *value++;
+        }
+    }
+    // 设置刷新区域，如果Region中的Rect为nullptr,或者rectNumber为0，则认为OHNativeWindowBuffer全部有内容更改。
+    Region region {nullptr, 0};
+    // 通过OH_NativeWindow_NativeWindowFlushBuffer 提交给消费者使用，例如：显示在屏幕上。
+    OH_NativeWindow_NativeWindowFlushBuffer(nativeWindow_, buffer_, fenceFd_, region);
+    // 内存使用完记得去掉内存映射
+    int result = munmap(mappedAddr_, bufferHandle_->size);
+    if (result == -1) {
+        DRAWING_LOGE("munmap failed!");
+    }
+}
+
+void SampleBitMap::Create()
+{
+    uint32_t width = static_cast<uint32_t>(bufferHandle_->stride / 4);
+    // 创建一个bitmap对象
+    cBitmap_ = OH_Drawing_BitmapCreate();
+    // 定义bitmap的像素格式
+    OH_Drawing_BitmapFormat cFormat {COLOR_FORMAT_RGBA_8888, ALPHA_FORMAT_OPAQUE};
+    // 构造对应格式的bitmap
+    OH_Drawing_BitmapBuild(cBitmap_, width, height_, &cFormat);
+
+    // 创建一个canvas对象
+    cCanvas_ = OH_Drawing_CanvasCreate();
+    // 将画布与bitmap绑定，画布画的内容会输出到绑定的bitmap内存中
+    OH_Drawing_CanvasBind(cCanvas_, cBitmap_);
+    // 使用白色清除画布内容
+    OH_Drawing_CanvasClear(cCanvas_, OH_Drawing_ColorSetArgb(0xFF, 0xFF, 0xFF, 0xFF));
+}
+
+napi_value SampleBitMap::NapiDrawPattern(napi_env env, napi_callback_info info)
+{
+    DRAWING_LOGI("NapiDrawPattern");
+    if ((env == nullptr) || (info == nullptr)) {
+        DRAWING_LOGE("NapiDrawPattern: env or info is null");
+        return nullptr;
+    }
+
+    napi_value thisArg;
+    if (napi_get_cb_info(env, info, nullptr, nullptr, &thisArg, nullptr) != napi_ok) {
+        DRAWING_LOGE("NapiDrawPattern: napi_get_cb_info fail");
+        return nullptr;
+    }
+
+    napi_value exportInstance;
+    if (napi_get_named_property(env, thisArg, OH_NATIVE_XCOMPONENT_OBJ, &exportInstance) != napi_ok) {
+        DRAWING_LOGE("NapiDrawPattern: napi_get_named_property fail");
+        return nullptr;
+    }
+
+    OH_NativeXComponent *nativeXComponent = nullptr;
+    if (napi_unwrap(env, exportInstance, reinterpret_cast<void **>(&nativeXComponent)) != napi_ok) {
+        DRAWING_LOGE("NapiDrawPattern: napi_unwrap fail");
+        return nullptr;
+    }
+
+    char idStr[OH_XCOMPONENT_ID_LEN_MAX + 1] = {'\0'};
+    uint64_t idSize = OH_XCOMPONENT_ID_LEN_MAX + 1;
+    if (OH_NativeXComponent_GetXComponentId(nativeXComponent, idStr, &idSize) != OH_NATIVEXCOMPONENT_RESULT_SUCCESS) {
+        DRAWING_LOGE("NapiDrawPattern: Unable to get XComponent id");
+        return nullptr;
+    }
+    DRAWING_LOGI("ID = %{public}s", idStr);
+    std::string id(idStr);
+    SampleBitMap *render = SampleBitMap().GetInstance(id);
+    size_t argc = 2;
+    napi_value args[2] = {nullptr};
+    napi_get_cb_info(env, info, &argc, args, nullptr, nullptr);
+    int32_t drawOption;
+    napi_get_value_int32(env, args[0], &drawOption);                               // 4 means the forth argument
+    NativePixelMap *nativePixelMap = OH_PixelMap_InitNativePixelMap(env, args[1]); // 5 means the forth argument
+    if (render != nullptr) {
+        render->Prepare();
+        render->Create();
+        render->Draw(static_cast<DrawType>(drawOption), nativePixelMap);
+        render->DisPlay();
+        render->Destroy();
+        DRAWING_LOGI("DrawPath executed");
+    } else {
+        DRAWING_LOGE("render is nullptr");
+    }
+    return nullptr;
+}
+
+void SampleBitMap::Draw(DrawType type, NativePixelMap* nativePixelMap)
+{
+    NativeDraw nativeDraw(cCanvas_, width_, height_);
+    if (type == CANVASSTATE) {
+        nativeDraw.Clip();
+        nativeDraw.DrawMatrix();
+        nativeDraw.MoveClip();
+    } else if (type == SHAPE) {
+        nativeDraw.DrawShapeWithPen();
+        nativeDraw.DrawShapeWithBrush();
+    } else if (type == PATH) {
+        nativeDraw.DrawComplexPath();
+        nativeDraw.DrawPathBrush();
+        nativeDraw.DrawPathLine();
+        nativeDraw.DrawPathShade();
+    } else if (type == PICTEXT) {
+        nativeDraw.DrawImageRect();
+        nativeDraw.DrawPixelMapBrush(nativePixelMap);
+        nativeDraw.DrawTextBlob();
+    } else if (type == COMPLEX) {
+        nativeDraw.DrawComplex();
+    }
+}
+
+SampleBitMap::~SampleBitMap()
+{
+    // 销毁canvas对象
+    OH_Drawing_CanvasDestroy(cCanvas_);
+    cCanvas_ = nullptr;
+    // 销毁bitmap对象
+    OH_Drawing_BitmapDestroy(cBitmap_);
+
+    buffer_ = nullptr;
+    bufferHandle_ = nullptr;
+    nativeWindow_ = nullptr;
+    mappedAddr_ = nullptr;
+}
+
+void SampleBitMap::Destroy()
+{
+    // 销毁canvas对象
+    OH_Drawing_CanvasDestroy(cCanvas_);
+    cCanvas_ = nullptr;
+    // 销毁bitmap对象
+    OH_Drawing_BitmapDestroy(cBitmap_);
+}
+
+void SampleBitMap::Release(std::string &id)
+{
+    PluginManager::GetInstance()->ReleaseRender(id);
+    SampleBitMap *render = SampleBitMap::GetInstance(id);
+    if (render != nullptr) {
+        delete render;
+        render = nullptr;
+        g_instance.erase(g_instance.find(id));
+    }
+}
+
+void SampleBitMap::Export(napi_env env, napi_value exports)
+{
+    if ((env == nullptr) || (exports == nullptr)) {
+        DRAWING_LOGE("Export: env or exports is null");
+        return;
+    }
+    napi_property_descriptor desc[] = {
+        {"drawPattern", nullptr, SampleBitMap::NapiDrawPattern, nullptr, nullptr, nullptr, napi_default, nullptr}};
+    napi_define_properties(env, exports, sizeof(desc) / sizeof(desc[0]), desc);
+    if (napi_define_properties(env, exports, sizeof(desc) / sizeof(desc[0]), desc) != napi_ok) {
+        DRAWING_LOGE("Export: napi_define_properties failed");
+    }
+}
+
+void SampleBitMap::RegisterCallback(OH_NativeXComponent *nativeXComponent)
+{
+    DRAWING_LOGI("register callback");
+    renderCallback_.OnSurfaceCreated = OnSurfaceCreatedCB;
+    renderCallback_.OnSurfaceDestroyed = OnSurfaceDestroyedCB;
+    // Callback must be initialized
+    renderCallback_.DispatchTouchEvent = nullptr;
+    renderCallback_.OnSurfaceChanged = nullptr;
+    OH_NativeXComponent_RegisterCallback(nativeXComponent, &renderCallback_);
+}
+
+SampleBitMap *SampleBitMap::GetInstance(std::string &id)
+{
+    if (g_instance.find(id) == g_instance.end()) {
+        SampleBitMap *render = new SampleBitMap(id);
+        g_instance[id] = render;
+        return render;
+    } else {
+        return g_instance[id];
+    }
+} 
diff --git a/code/BasicFeature/Native/NdkDrawingSample/entry/src/main/cpp/samples/sample_demo.h b/code/BasicFeature/Native/NdkDrawingSample/entry/src/main/cpp/samples/sample_demo.h
new file mode 100755
index 0000000000000000000000000000000000000000..3e51c3a94fafd5a5767a9848d347233219a8ca10
--- /dev/null
+++ b/code/BasicFeature/Native/NdkDrawingSample/entry/src/main/cpp/samples/sample_demo.h
@@ -0,0 +1,76 @@
+/*
+ * Copyright (c) 2025 Huawei Device Co., Ltd.
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+#ifndef SAMPLE_DEMO_H
+#define SAMPLE_DEMO_H
+#include <ace/xcomponent/native_interface_xcomponent.h>
+#include <arpa/nameser.h>
+#include <bits/alltypes.h>
+#include <native_window/external_window.h>
+#include <cstdint>
+#include <map>
+#include <sys/mman.h>
+#include <string>
+#include "napi/native_api.h"
+#include "native_draw.h"
+
+#include <bits/alltypes.h>
+#include <cmath>
+#include "common/log_common.h"
+#include <multimedia/image_framework/image_mdk_common.h>
+#include <multimedia/image_framework/image_pixel_map_mdk.h>
+#include "napi/native_api.h"
+#include <native_drawing/drawing_bitmap.h>
+#include <native_drawing/drawing_canvas.h>
+#include <native_window/external_window.h>
+#include <string>
+
+class SampleBitMap {
+public:
+    SampleBitMap() = default;
+    ~SampleBitMap();
+    explicit SampleBitMap(std::string id) : id_(id) {}
+    static napi_value NapiDrawPattern(napi_env env, napi_callback_info info);
+    static void Release(std::string &id);
+    void Draw(DrawType type, NativePixelMap* nativePixelMap);
+    void SetWidth(uint64_t width);
+    void SetHeight(uint64_t height);
+    void SetNativeWindow(OHNativeWindow *nativeWindow);
+    void Prepare();
+    void Create();
+    void DisPlay();
+    void Export(napi_env env, napi_value exports);
+    void RegisterCallback(OH_NativeXComponent *nativeXComponent);
+    void Destroy();
+    static SampleBitMap *GetInstance(std::string &id);
+    std::string id_;
+private:
+    OH_NativeXComponent_Callback renderCallback_;
+
+    uint64_t width_ = 0;
+    uint64_t height_ = 0;
+
+    OH_Drawing_Bitmap *cBitmap_ = nullptr;
+    OH_Drawing_Canvas *cCanvas_ = nullptr;
+
+    OHNativeWindow *nativeWindow_ = nullptr;
+    uint32_t *mappedAddr_ = nullptr;
+    BufferHandle *bufferHandle_ = nullptr;
+    struct NativeWindowBuffer *buffer_ = nullptr;
+    int fenceFd_ = 0;
+};
+
+
+#endif
diff --git a/code/BasicFeature/Native/NdkDrawingSample/entry/src/main/cpp/types/libentry/index.d.ts b/code/BasicFeature/Native/NdkDrawingSample/entry/src/main/cpp/types/libentry/index.d.ts
new file mode 100755
index 0000000000000000000000000000000000000000..5dd09178ceb03f1a2e9cb805d9b676bc87fd5795
--- /dev/null
+++ b/code/BasicFeature/Native/NdkDrawingSample/entry/src/main/cpp/types/libentry/index.d.ts
@@ -0,0 +1,14 @@
+/*
+ * Copyright (c) 2025 Huawei Device Co., Ltd.
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
diff --git a/code/BasicFeature/Native/NdkDrawingSample/entry/src/main/cpp/types/libentry/oh-package.json5 b/code/BasicFeature/Native/NdkDrawingSample/entry/src/main/cpp/types/libentry/oh-package.json5
new file mode 100755
index 0000000000000000000000000000000000000000..21f5cde1be6e1235639ae1a8e95d9c699059f45e
--- /dev/null
+++ b/code/BasicFeature/Native/NdkDrawingSample/entry/src/main/cpp/types/libentry/oh-package.json5
@@ -0,0 +1,21 @@
+/*
+ * Copyright (c) 2025 Huawei Device Co., Ltd.
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+{
+  "name": "libentry.so",
+  "types": "./index.d.ts",
+  "version": "12",
+  "description": "Please describe the basic information."
+}
\ No newline at end of file
diff --git a/code/BasicFeature/Native/NdkDrawingSample/entry/src/main/ets/entryability/EntryAbility.ets b/code/BasicFeature/Native/NdkDrawingSample/entry/src/main/ets/entryability/EntryAbility.ets
new file mode 100755
index 0000000000000000000000000000000000000000..14a624ad2c13c4bbcd7e80078568f70ef94415d7
--- /dev/null
+++ b/code/BasicFeature/Native/NdkDrawingSample/entry/src/main/ets/entryability/EntryAbility.ets
@@ -0,0 +1,57 @@
+/*
+ * Copyright (c) 2025 Huawei Device Co., Ltd.
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import { AbilityConstant, UIAbility, Want } from '@kit.AbilityKit';
+import { hilog } from '@kit.PerformanceAnalysisKit';
+import { window } from '@kit.ArkUI';
+
+export default class EntryAbility extends UIAbility {
+  onCreate(want: Want, launchParam: AbilityConstant.LaunchParam): void {
+    hilog.info(0x0000, 'testTag', '%{public}s', 'Ability onCreate');
+
+  }
+
+  onDestroy(): void {
+    hilog.info(0x0000, 'testTag', '%{public}s', 'Ability onDestroy');
+  }
+
+  onWindowStageCreate(windowStage: window.WindowStage): void {
+    // Main window is created, set main page for this ability
+    hilog.info(0x0000, 'testTag', '%{public}s', 'Ability onWindowStageCreate');
+
+    windowStage.loadContent('pages/Index', (err) => {
+      if (err.code) {
+        hilog.error(0x0000, 'testTag', 'Failed to load the content. Cause: %{public}s', JSON.stringify(err) ?? '');
+        return;
+      }
+      hilog.info(0x0000, 'testTag', 'Succeeded in loading the content.');
+    });
+  }
+
+  onWindowStageDestroy(): void {
+    // Main window is destroyed, release UI related resources
+    hilog.info(0x0000, 'testTag', '%{public}s', 'Ability onWindowStageDestroy');
+  }
+
+  onForeground(): void {
+    // Ability has brought to foreground
+    hilog.info(0x0000, 'testTag', '%{public}s', 'Ability onForeground');
+  }
+
+  onBackground(): void {
+    // Ability has back to background
+    hilog.info(0x0000, 'testTag', '%{public}s', 'Ability onBackground');
+  }
+}
diff --git a/code/BasicFeature/Native/NdkDrawingSample/entry/src/main/ets/entryability/EntryAbility.ts b/code/BasicFeature/Native/NdkDrawingSample/entry/src/main/ets/entryability/EntryAbility.ts
new file mode 100755
index 0000000000000000000000000000000000000000..34251ebf261c0e153cdeef8c9a2b1d049ff471ff
--- /dev/null
+++ b/code/BasicFeature/Native/NdkDrawingSample/entry/src/main/ets/entryability/EntryAbility.ts
@@ -0,0 +1,56 @@
+/*
+ * Copyright (c) 2025 Huawei Device Co., Ltd.
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import UIAbility from '@ohos.app.ability.UIAbility';
+import hilog from '@ohos.hilog';
+import window from '@ohos.window';
+
+export default class EntryAbility extends UIAbility {
+  onCreate(want, launchParam) {
+    hilog.info(0x0000, 'testTag', '%{public}s', 'Ability onCreate');
+  }
+
+  onDestroy() {
+    hilog.info(0x0000, 'testTag', '%{public}s', 'Ability onDestroy');
+  }
+
+  onWindowStageCreate(windowStage: window.WindowStage) {
+    // Main window is created, set main page for this ability
+    hilog.info(0x0000, 'testTag', '%{public}s', 'Ability onWindowStageCreate');
+
+    windowStage.loadContent('pages/Index', (err, data) => {
+      if (err.code) {
+        hilog.error(0x0000, 'testTag', 'Failed to load the content. Cause: %{public}s', JSON.stringify(err) ?? '');
+        return;
+      }
+      hilog.info(0x0000, 'testTag', 'Succeeded in loading the content. Data: %{public}s', JSON.stringify(data) ?? '');
+    });
+  }
+
+  onWindowStageDestroy() {
+    // Main window is destroyed, release UI related resources
+    hilog.info(0x0000, 'testTag', '%{public}s', 'Ability onWindowStageDestroy');
+  }
+
+  onForeground() {
+    // Ability has brought to foreground
+    hilog.info(0x0000, 'testTag', '%{public}s', 'Ability onForeground');
+  }
+
+  onBackground() {
+    // Ability has back to background
+    hilog.info(0x0000, 'testTag', '%{public}s', 'Ability onBackground');
+  }
+};
diff --git a/code/BasicFeature/Native/NdkDrawingSample/entry/src/main/ets/entrybackupability/EntryBackupAbility.ets b/code/BasicFeature/Native/NdkDrawingSample/entry/src/main/ets/entrybackupability/EntryBackupAbility.ets
new file mode 100755
index 0000000000000000000000000000000000000000..b1e212947256c5533c7b06285a597c94f840a6e3
--- /dev/null
+++ b/code/BasicFeature/Native/NdkDrawingSample/entry/src/main/ets/entrybackupability/EntryBackupAbility.ets
@@ -0,0 +1,27 @@
+/*
+ * Copyright (c) 2025 Huawei Device Co., Ltd.
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import { hilog } from '@kit.PerformanceAnalysisKit';
+import { BackupExtensionAbility, BundleVersion } from '@kit.CoreFileKit';
+
+export default class EntryBackupAbility extends BackupExtensionAbility {
+  async onBackup() {
+    hilog.info(0x0000, 'testTag', 'onBackup ok');
+  }
+
+  async onRestore(bundleVersion: BundleVersion) {
+    hilog.info(0x0000, 'testTag', 'onRestore ok %{public}s', JSON.stringify(bundleVersion));
+  }
+}
\ No newline at end of file
diff --git a/code/BasicFeature/Native/NdkDrawingSample/entry/src/main/ets/interface/XComponentContext.ts b/code/BasicFeature/Native/NdkDrawingSample/entry/src/main/ets/interface/XComponentContext.ts
new file mode 100755
index 0000000000000000000000000000000000000000..7626cf6548715572b6fb27605e3ced069acf7d7a
--- /dev/null
+++ b/code/BasicFeature/Native/NdkDrawingSample/entry/src/main/ets/interface/XComponentContext.ts
@@ -0,0 +1,19 @@
+/*
+ * Copyright (c) 2025 Huawei Device Co., Ltd.
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+import { image } from '@kit.ImageKit';
+
+export default interface XComponentContext {
+  drawPattern(type: number, pixelmap: image.PixelMap): void;
+};
diff --git a/code/BasicFeature/Native/NdkDrawingSample/entry/src/main/ets/pages/Index.ets b/code/BasicFeature/Native/NdkDrawingSample/entry/src/main/ets/pages/Index.ets
new file mode 100755
index 0000000000000000000000000000000000000000..db7525ca424b14d2ef048548a040f75d8603e385
--- /dev/null
+++ b/code/BasicFeature/Native/NdkDrawingSample/entry/src/main/ets/pages/Index.ets
@@ -0,0 +1,115 @@
+/*
+ * Copyright (c) 2025 Huawei Device Co., Ltd.
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import XComponentContext from "../interface/XComponentContext";
+import { FrameNode, NodeController, RenderNode } from '@kit.ArkUI';
+import { image } from '@kit.ImageKit';
+import { resourceManager } from '@kit.LocalizationKit';
+import { BusinessError } from '@kit.BasicServicesKit';
+
+enum DrawType {
+  none,
+  canvasState,
+  shape,
+  path,
+  picText,
+  complex,
+}
+
+@Entry
+@Component
+struct Index {
+  private xComponentContext: XComponentContext | undefined = undefined;
+  private pMap: image.PixelMap | undefined = undefined;
+  aboutToAppear() {
+    const context: Context = getContext(this);
+    const resourceMgr: resourceManager.ResourceManager = context.resourceManager;
+    resourceMgr.getRawFileContent('startIcon.png').then((fileData: Uint8Array) => {
+      console.log('Succeeded in getting RawFileContent');
+      const buffer = fileData.buffer.slice(0);
+      const imageSource: image.ImageSource = image.createImageSource(buffer);
+      imageSource.createPixelMap().then((pMap: image.PixelMap) => {
+        this.pMap = pMap;
+      }).catch((err: BusinessError) => {
+        console.error('Failed to creating PixelMap');
+      });
+    }).catch((err: BusinessError) => {
+      console.error('Failed to get RawFileContent');
+    });
+  }
+  build() {
+    Column() {
+      Row() {
+        XComponent({ id: 'xcomponentId', type: 'surface', libraryname: 'entry' })
+          .onLoad((xComponentContext) => {
+            this.xComponentContext = xComponentContext as XComponentContext;
+          }).width('100%') // Multiples of 64
+      }
+      .width('100%')
+      .height('80%')
+      GridRow({
+        columns: 1,
+        gutter: {x: 5, y: 10},
+      }) {
+        GridCol({ span: { xs: 1, sm: 2, md: 3, lg: 4 }, offset: 0, order: 0 }){
+          Row(){
+            Button('画布操作及状态')
+              .margin({ top: 10, right: 10 })
+              .onClick(() => {
+                if (this.xComponentContext) {
+                  this.xComponentContext.drawPattern(DrawType.canvasState, this.pMap);
+                }
+              })
+            Button('几何形状绘制')
+              .margin({ top: 10, right: 10 })
+              .onClick(() => {
+                if (this.xComponentContext) {
+                  this.xComponentContext.drawPattern(DrawType.shape, this.pMap);
+                }
+              })
+            Button('路径绘制')
+              .margin({ top: 10, right: 10 })
+              .onClick(() => {
+                if (this.xComponentContext) {
+                  this.xComponentContext.drawPattern(DrawType.path, this.pMap);
+                }
+              })
+          }
+        }
+        GridCol({ span: { xs: 1, sm: 2, md: 3, lg: 4 }, offset: 0, order: 0 }){
+          Row(){
+            Button('图片和字块绘制')
+              .margin({ right: 8 })
+              .onClick(() => {
+                if (this.xComponentContext) {
+                  this.xComponentContext.drawPattern(DrawType.picText, this.pMap);
+                }
+              })
+            Button('复杂绘制效果')
+              .margin({ right: 8 })
+              .onClick(() => {
+                if (this.xComponentContext) {
+                  this.xComponentContext.drawPattern(DrawType.complex, this.pMap);
+                }
+              })
+          }
+        }
+      }
+      .width('100%')
+      .shadow(ShadowStyle.OUTER_DEFAULT_SM)
+      .layoutWeight(1)
+    }
+  }
+}
diff --git a/code/BasicFeature/Native/NdkDrawingSample/entry/src/main/module.json5 b/code/BasicFeature/Native/NdkDrawingSample/entry/src/main/module.json5
new file mode 100755
index 0000000000000000000000000000000000000000..9bed6e6fd262f8e7273a9ff5dfdf67d826492b07
--- /dev/null
+++ b/code/BasicFeature/Native/NdkDrawingSample/entry/src/main/module.json5
@@ -0,0 +1,67 @@
+/*
+ * Copyright (c) 2025 Huawei Device Co., Ltd.
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+{
+  "module": {
+    "name": "entry",
+    "type": "entry",
+    "description": "$string:module_desc",
+    "mainElement": "EntryAbility",
+    "deviceTypes": [
+      "phone",
+      "tablet",
+      "2in1"
+    ],
+    "deliveryWithInstall": true,
+    "installationFree": false,
+    "pages": "$profile:main_pages",
+    "abilities": [
+      {
+        "name": "EntryAbility",
+        "srcEntry": "./ets/entryability/EntryAbility.ets",
+        "description": "$string:EntryAbility_desc",
+        "icon": "$media:layered_image",
+        "label": "$string:EntryAbility_label",
+        "startWindowIcon": "$media:startIcon",
+        "startWindowBackground": "$color:start_window_background",
+        "exported": true,
+        "skills": [
+          {
+            "entities": [
+              "entity.system.home"
+            ],
+            "actions": [
+              "action.system.home"
+            ]
+          }
+        ]
+      }
+    ],
+    "extensionAbilities": [
+      {
+        "name": "EntryBackupAbility",
+        "srcEntry": "./ets/entrybackupability/EntryBackupAbility.ets",
+        "type": "backup",
+        "exported": false,
+        "metadata": [
+          {
+            "name": "ohos.extension.backup",
+            "resource": "$profile:backup_config"
+          }
+        ],
+      }
+    ]
+  }
+}
\ No newline at end of file
diff --git a/code/BasicFeature/Native/NdkDrawingSample/entry/src/main/resources/base/element/color.json b/code/BasicFeature/Native/NdkDrawingSample/entry/src/main/resources/base/element/color.json
new file mode 100755
index 0000000000000000000000000000000000000000..3c712962da3c2751c2b9ddb53559afcbd2b54a02
--- /dev/null
+++ b/code/BasicFeature/Native/NdkDrawingSample/entry/src/main/resources/base/element/color.json
@@ -0,0 +1,8 @@
+{
+  "color": [
+    {
+      "name": "start_window_background",
+      "value": "#FFFFFF"
+    }
+  ]
+}
\ No newline at end of file
diff --git a/code/BasicFeature/Native/NdkDrawingSample/entry/src/main/resources/base/element/string.json b/code/BasicFeature/Native/NdkDrawingSample/entry/src/main/resources/base/element/string.json
new file mode 100755
index 0000000000000000000000000000000000000000..758ea6ee24d2a0e4857a1b4de2a2e58c31d91f46
--- /dev/null
+++ b/code/BasicFeature/Native/NdkDrawingSample/entry/src/main/resources/base/element/string.json
@@ -0,0 +1,16 @@
+{
+  "string": [
+    {
+      "name": "module_desc",
+      "value": "module description"
+    },
+    {
+      "name": "EntryAbility_desc",
+      "value": "description"
+    },
+    {
+      "name": "EntryAbility_label",
+      "value": "NdkDrawingSample"
+    }
+  ]
+}
\ No newline at end of file
diff --git a/code/BasicFeature/Native/NdkDrawingSample/entry/src/main/resources/base/media/background.png b/code/BasicFeature/Native/NdkDrawingSample/entry/src/main/resources/base/media/background.png
new file mode 100755
index 0000000000000000000000000000000000000000..f939c9fa8cc8914832e602198745f592a0dfa34d
Binary files /dev/null and b/code/BasicFeature/Native/NdkDrawingSample/entry/src/main/resources/base/media/background.png differ
diff --git a/code/BasicFeature/Native/NdkDrawingSample/entry/src/main/resources/base/media/foreground.png b/code/BasicFeature/Native/NdkDrawingSample/entry/src/main/resources/base/media/foreground.png
new file mode 100755
index 0000000000000000000000000000000000000000..4483ddad1f079e1089d685bd204ee1cfe1d01902
Binary files /dev/null and b/code/BasicFeature/Native/NdkDrawingSample/entry/src/main/resources/base/media/foreground.png differ
diff --git a/code/BasicFeature/Native/NdkDrawingSample/entry/src/main/resources/base/media/layered_image.json b/code/BasicFeature/Native/NdkDrawingSample/entry/src/main/resources/base/media/layered_image.json
new file mode 100755
index 0000000000000000000000000000000000000000..fb49920440fb4d246c82f9ada275e26123a2136a
--- /dev/null
+++ b/code/BasicFeature/Native/NdkDrawingSample/entry/src/main/resources/base/media/layered_image.json
@@ -0,0 +1,7 @@
+{
+  "layered-image":
+  {
+    "background" : "$media:background",
+    "foreground" : "$media:foreground"
+  }
+}
\ No newline at end of file
diff --git a/code/BasicFeature/Native/NdkDrawingSample/entry/src/main/resources/base/media/startIcon.png b/code/BasicFeature/Native/NdkDrawingSample/entry/src/main/resources/base/media/startIcon.png
new file mode 100755
index 0000000000000000000000000000000000000000..205ad8b5a8a42e8762fbe4899b8e5e31ce822b8b
Binary files /dev/null and b/code/BasicFeature/Native/NdkDrawingSample/entry/src/main/resources/base/media/startIcon.png differ
diff --git a/code/BasicFeature/Native/NdkDrawingSample/entry/src/main/resources/base/profile/backup_config.json b/code/BasicFeature/Native/NdkDrawingSample/entry/src/main/resources/base/profile/backup_config.json
new file mode 100755
index 0000000000000000000000000000000000000000..78f40ae7c494d71e2482278f359ec790ca73471a
--- /dev/null
+++ b/code/BasicFeature/Native/NdkDrawingSample/entry/src/main/resources/base/profile/backup_config.json
@@ -0,0 +1,3 @@
+{
+  "allowToBackupRestore": true
+}
\ No newline at end of file
diff --git a/code/BasicFeature/Native/NdkDrawingSample/entry/src/main/resources/base/profile/main_pages.json b/code/BasicFeature/Native/NdkDrawingSample/entry/src/main/resources/base/profile/main_pages.json
new file mode 100755
index 0000000000000000000000000000000000000000..1898d94f58d6128ab712be2c68acc7c98e9ab9ce
--- /dev/null
+++ b/code/BasicFeature/Native/NdkDrawingSample/entry/src/main/resources/base/profile/main_pages.json
@@ -0,0 +1,5 @@
+{
+  "src": [
+    "pages/Index"
+  ]
+}
diff --git a/code/BasicFeature/Native/NdkDrawingSample/entry/src/main/resources/en_US/element/string.json b/code/BasicFeature/Native/NdkDrawingSample/entry/src/main/resources/en_US/element/string.json
new file mode 100755
index 0000000000000000000000000000000000000000..758ea6ee24d2a0e4857a1b4de2a2e58c31d91f46
--- /dev/null
+++ b/code/BasicFeature/Native/NdkDrawingSample/entry/src/main/resources/en_US/element/string.json
@@ -0,0 +1,16 @@
+{
+  "string": [
+    {
+      "name": "module_desc",
+      "value": "module description"
+    },
+    {
+      "name": "EntryAbility_desc",
+      "value": "description"
+    },
+    {
+      "name": "EntryAbility_label",
+      "value": "NdkDrawingSample"
+    }
+  ]
+}
\ No newline at end of file
diff --git a/code/BasicFeature/Native/NdkDrawingSample/entry/src/main/resources/rawfile/startIcon.png b/code/BasicFeature/Native/NdkDrawingSample/entry/src/main/resources/rawfile/startIcon.png
new file mode 100755
index 0000000000000000000000000000000000000000..ce307a8827bd75456441ceb57d530e4c8d45d36c
Binary files /dev/null and b/code/BasicFeature/Native/NdkDrawingSample/entry/src/main/resources/rawfile/startIcon.png differ
diff --git a/code/BasicFeature/Native/NdkDrawingSample/entry/src/main/resources/zh_CN/element/string.json b/code/BasicFeature/Native/NdkDrawingSample/entry/src/main/resources/zh_CN/element/string.json
new file mode 100755
index 0000000000000000000000000000000000000000..801fcfcad642997d1a3ea3776121f34ad7a4d5d0
--- /dev/null
+++ b/code/BasicFeature/Native/NdkDrawingSample/entry/src/main/resources/zh_CN/element/string.json
@@ -0,0 +1,16 @@
+{
+  "string": [
+    {
+      "name": "module_desc",
+      "value": "模块描述"
+    },
+    {
+      "name": "EntryAbility_desc",
+      "value": "description"
+    },
+    {
+      "name": "EntryAbility_label",
+      "value": "NdkDrawingSample"
+    }
+  ]
+}
\ No newline at end of file
diff --git a/code/BasicFeature/Native/NdkDrawingSample/entry/src/ohosTest/ets/test/Ability.test.ets b/code/BasicFeature/Native/NdkDrawingSample/entry/src/ohosTest/ets/test/Ability.test.ets
new file mode 100755
index 0000000000000000000000000000000000000000..077cf410d1594cf3bacdd52df880fedf81f1275b
--- /dev/null
+++ b/code/BasicFeature/Native/NdkDrawingSample/entry/src/ohosTest/ets/test/Ability.test.ets
@@ -0,0 +1,171 @@
+/*
+ * Copyright (c) 2025 Huawei Device Co., Ltd.
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import AbilityDelegatorRegistry from '@ohos.app.ability.abilityDelegatorRegistry';
+import { describe, it, expect } from '@ohos/hypium';
+import { Driver, ON } from '@ohos.UiTest';
+
+const TAG = '[Sample_DrawingAPI]';
+
+export default function abilityTest() {
+  describe('ActsAbilityTest', () => {
+    /**
+     * 打开应用
+     */
+    it("StartAbility_001", 0, async (done: Function) => {
+      console.info(TAG, "StartAbility_001 begin");
+      let driver = Driver.create();
+      let abilityDelegator = AbilityDelegatorRegistry.getAbilityDelegator();
+      try {
+        await abilityDelegator.startAbility({
+          bundleName: 'com.samples.ndkdrawingsample',
+          abilityName: 'EntryAbility'
+        });
+      } catch (exception) {
+        console.info(TAG, `StartAbility_001 exception = ${JSON.stringify(exception)}`);
+        expect().assertFail();
+      }
+      await driver.delayMs(1000);
+      await driver.assertComponentExist(ON.text('画布操作及状态'));
+      done();
+      console.info(TAG, 'StartAbility_001 end');
+    })
+
+    /**
+     * 点击按钮，绘制画布操作及状态
+     */
+    it('DrawCanvas_001', 2, async () => {
+      console.info(TAG, 'DrawCanvas_001 begin');
+      let driver = Driver.create();
+      let abilityDelegator = AbilityDelegatorRegistry.getAbilityDelegator();
+      try {
+        await abilityDelegator.startAbility({
+          bundleName: 'com.samples.ndkdrawingsample',
+          abilityName: 'EntryAbility'
+        });
+      } catch (exception) {
+        console.info(TAG, `DrawPath_001 exception = ${JSON.stringify(exception)}`);
+        expect().assertFail();
+      }
+      await driver.delayMs(1000);
+      await driver.assertComponentExist(ON.text('画布操作及状态'));
+      let drawPathBtn = await driver.findComponent(ON.text('画布操作及状态'));
+      // 点击'画布操作及状态'按钮
+      await drawPathBtn.click();
+      await driver.delayMs(1000);
+      console.info(TAG, 'DrawCanvas_001 end');
+    })
+
+    /**
+     * 点击按钮，绘制几何形状
+     */
+    it('DrawGeometry_001', 2, async () => {
+      console.info(TAG, 'DrawGeometry_001 begin');
+      let driver = Driver.create();
+      let abilityDelegator = AbilityDelegatorRegistry.getAbilityDelegator();
+      try {
+        await abilityDelegator.startAbility({
+          bundleName: 'com.samples.ndkdrawingsample',
+          abilityName: 'EntryAbility'
+        });
+      } catch (exception) {
+        console.info(TAG, `DrawGeometry_001 exception = ${JSON.stringify(exception)}`);
+        expect().assertFail();
+      }
+      await driver.delayMs(1000);
+      await driver.assertComponentExist(ON.text('几何形状绘制'));
+      let drawPathBtn = await driver.findComponent(ON.text('几何形状绘制'));
+      // 点击'几何形状绘制'按钮
+      await drawPathBtn.click();
+      await driver.delayMs(1000);
+      console.info(TAG, 'DrawGeometry_001 end');
+    })
+
+    /**
+     * 点击按钮，绘制路径
+     */
+    it('DrawPath_001', 2, async () => {
+      console.info(TAG, 'DrawPath_001 begin');
+      let driver = Driver.create();
+      let abilityDelegator = AbilityDelegatorRegistry.getAbilityDelegator();
+      try {
+        await abilityDelegator.startAbility({
+          bundleName: 'com.samples.ndkdrawingsample',
+          abilityName: 'EntryAbility'
+        });
+      } catch (exception) {
+        console.info(TAG, `DrawPath_001 exception = ${JSON.stringify(exception)}`);
+        expect().assertFail();
+      }
+      await driver.delayMs(1000);
+      await driver.assertComponentExist(ON.text('路径绘制'));
+      let drawPathBtn = await driver.findComponent(ON.text('路径绘制'));
+      // 点击'路径绘制'按钮
+      await drawPathBtn.click();
+      await driver.delayMs(1000);
+      console.info(TAG, 'DrawPath_001 end');
+    })
+
+    /**
+     * 点击按钮，图片和字块绘制
+     */
+    it('DrawTextBlob_001', 2, async () => {
+      console.info(TAG, 'DrawTextBlob_001 begin');
+      let driver = Driver.create();
+      let abilityDelegator = AbilityDelegatorRegistry.getAbilityDelegator();
+      try {
+        await abilityDelegator.startAbility({
+          bundleName: 'com.samples.ndkdrawingsample',
+          abilityName: 'EntryAbility'
+        });
+      } catch (exception) {
+        console.info(TAG, `DrawTextBlob_001 exception = ${JSON.stringify(exception)}`);
+        expect().assertFail();
+      }
+      await driver.delayMs(1000);
+      await driver.assertComponentExist(ON.text('图片和字块绘制'));
+      let drawPathBtn = await driver.findComponent(ON.text('图片和字块绘制'));
+      // 点击'图片和字块绘制'按钮
+      await drawPathBtn.click();
+      await driver.delayMs(1000);
+      console.info(TAG, 'DrawTextBlob_001 end');
+    })
+
+    /**
+     * 点击按钮，复杂绘制效果
+     */
+    it('DrawComplex_001', 2, async () => {
+      console.info(TAG, 'DrawComplex_001 begin');
+      let driver = Driver.create();
+      let abilityDelegator = AbilityDelegatorRegistry.getAbilityDelegator();
+      try {
+        await abilityDelegator.startAbility({
+          bundleName: 'com.samples.ndkdrawingsample',
+          abilityName: 'EntryAbility'
+        });
+      } catch (exception) {
+        console.info(TAG, `DrawComplex_001 exception = ${JSON.stringify(exception)}`);
+        expect().assertFail();
+      }
+      await driver.delayMs(1000);
+      await driver.assertComponentExist(ON.text('复杂绘制效果'));
+      let drawPathBtn = await driver.findComponent(ON.text('复杂绘制效果'));
+      // 点击'复杂绘制效果'按钮
+      await drawPathBtn.click();
+      await driver.delayMs(1000);
+      console.info(TAG, 'DrawComplex_001 end');
+    })
+  })
+}
\ No newline at end of file
diff --git a/code/BasicFeature/Native/NdkDrawingSample/entry/src/ohosTest/ets/test/List.test.ets b/code/BasicFeature/Native/NdkDrawingSample/entry/src/ohosTest/ets/test/List.test.ets
new file mode 100755
index 0000000000000000000000000000000000000000..1eac52fcebe8958e19a7b8fed2e8f39c520a3e42
--- /dev/null
+++ b/code/BasicFeature/Native/NdkDrawingSample/entry/src/ohosTest/ets/test/List.test.ets
@@ -0,0 +1,20 @@
+/*
+ * Copyright (c) 2025 Huawei Device Co., Ltd.
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import abilityTest from './Ability.test';
+
+export default function testsuite() {
+  abilityTest();
+}
\ No newline at end of file
diff --git a/code/BasicFeature/Native/NdkDrawingSample/entry/src/ohosTest/ets/testability/TestAbility.ets b/code/BasicFeature/Native/NdkDrawingSample/entry/src/ohosTest/ets/testability/TestAbility.ets
new file mode 100755
index 0000000000000000000000000000000000000000..29fff7b38662d6b311c35ee5d86741097085289c
--- /dev/null
+++ b/code/BasicFeature/Native/NdkDrawingSample/entry/src/ohosTest/ets/testability/TestAbility.ets
@@ -0,0 +1,63 @@
+/*
+ * Copyright (c) 2025 Huawei Device Co., Ltd.
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import { AbilityConstant, UIAbility, Want } from '@kit.AbilityKit';
+import { abilityDelegatorRegistry } from '@kit.TestKit';
+import { hilog } from '@kit.PerformanceAnalysisKit';
+import { window } from '@kit.ArkUI';
+import { Hypium } from '@ohos/hypium';
+import testsuite from '../test/List.test';
+
+export default class TestAbility extends UIAbility {
+  onCreate(want: Want, launchParam: AbilityConstant.LaunchParam) {
+    hilog.info(0x0000, 'testTag', '%{public}s', 'TestAbility onCreate');
+    hilog.info(0x0000, 'testTag', '%{public}s', 'want param:' + JSON.stringify(want) ?? '');
+    hilog.info(0x0000, 'testTag', '%{public}s', 'launchParam:' + JSON.stringify(launchParam) ?? '');
+    let abilityDelegator: abilityDelegatorRegistry.AbilityDelegator;
+    abilityDelegator = abilityDelegatorRegistry.getAbilityDelegator();
+    let abilityDelegatorArguments: abilityDelegatorRegistry.AbilityDelegatorArgs;
+    abilityDelegatorArguments = abilityDelegatorRegistry.getArguments();
+    hilog.info(0x0000, 'testTag', '%{public}s', 'start run testcase!!!');
+    Hypium.hypiumTest(abilityDelegator, abilityDelegatorArguments, testsuite);
+  }
+
+  onDestroy() {
+    hilog.info(0x0000, 'testTag', '%{public}s', 'TestAbility onDestroy');
+  }
+
+  onWindowStageCreate(windowStage: window.WindowStage) {
+    hilog.info(0x0000, 'testTag', '%{public}s', 'TestAbility onWindowStageCreate');
+    windowStage.loadContent('testability/pages/Index', (err, data) => {
+      if (err.code) {
+        hilog.error(0x0000, 'testTag', 'Failed to load the content. Cause: %{public}s', JSON.stringify(err) ?? '');
+        return;
+      }
+      hilog.info(0x0000, 'testTag', 'Succeeded in loading the content. Data: %{public}s',
+        JSON.stringify(data) ?? '');
+    });
+  }
+
+  onWindowStageDestroy() {
+    hilog.info(0x0000, 'testTag', '%{public}s', 'TestAbility onWindowStageDestroy');
+  }
+
+  onForeground() {
+    hilog.info(0x0000, 'testTag', '%{public}s', 'TestAbility onForeground');
+  }
+
+  onBackground() {
+    hilog.info(0x0000, 'testTag', '%{public}s', 'TestAbility onBackground');
+  }
+}
\ No newline at end of file
diff --git a/code/BasicFeature/Native/NdkDrawingSample/entry/src/ohosTest/ets/testability/pages/Index.ets b/code/BasicFeature/Native/NdkDrawingSample/entry/src/ohosTest/ets/testability/pages/Index.ets
new file mode 100755
index 0000000000000000000000000000000000000000..7de34e0a96d1ef1e4c63fb9abbd4af8ba91ee620
--- /dev/null
+++ b/code/BasicFeature/Native/NdkDrawingSample/entry/src/ohosTest/ets/testability/pages/Index.ets
@@ -0,0 +1,32 @@
+/*
+ * Copyright (c) 2024 Huawei Device Co., Ltd.
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+ 
+@Entry
+@Component
+struct Index {
+  @State message: string = 'Hello World';
+
+  build() {
+    Row() {
+      Column() {
+        Text(this.message)
+          .fontSize(50)
+          .fontWeight(FontWeight.Bold)
+      }
+      .width('100%')
+    }
+    .height('100%')
+  }
+}
\ No newline at end of file
diff --git a/code/BasicFeature/Native/NdkDrawingSample/entry/src/ohosTest/ets/testrunner/OpenHarmonyTestRunner.ets b/code/BasicFeature/Native/NdkDrawingSample/entry/src/ohosTest/ets/testrunner/OpenHarmonyTestRunner.ets
new file mode 100755
index 0000000000000000000000000000000000000000..65e97481902535cd95e984e3c882762375709138
--- /dev/null
+++ b/code/BasicFeature/Native/NdkDrawingSample/entry/src/ohosTest/ets/testrunner/OpenHarmonyTestRunner.ets
@@ -0,0 +1,105 @@
+/*
+ * Copyright (c) 2024 Huawei Device Co., Ltd.
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import { abilityDelegatorRegistry, TestRunner } from '@kit.TestKit';
+import { UIAbility, Want } from '@kit.AbilityKit';
+import { BusinessError } from '@kit.BasicServicesKit';
+import { hilog } from '@kit.PerformanceAnalysisKit';
+import { resourceManager } from '@kit.LocalizationKit';
+import { util } from '@kit.ArkTS';
+
+let abilityDelegator: abilityDelegatorRegistry.AbilityDelegator;
+let abilityDelegatorArguments: abilityDelegatorRegistry.AbilityDelegatorArgs;
+let jsonPath: string = 'mock/mock-config.json';
+let tag: string = 'testTag';
+
+async function onAbilityCreateCallback(data: UIAbility) {
+  hilog.info(0x0000, 'testTag', 'onAbilityCreateCallback, data: ${}', JSON.stringify(data));
+}
+
+async function addAbilityMonitorCallback(err: BusinessError) {
+  hilog.info(0x0000, 'testTag', 'addAbilityMonitorCallback : %{public}s', JSON.stringify(err) ?? '');
+}
+
+export default class OpenHarmonyTestRunner implements TestRunner {
+  constructor() {
+  }
+
+  onPrepare() {
+    hilog.info(0x0000, 'testTag', '%{public}s', 'OpenHarmonyTestRunner OnPrepare');
+  }
+
+  async onRun() {
+    let tag = 'testTag';
+    hilog.info(0x0000, tag, '%{public}s', 'OpenHarmonyTestRunner onRun run');
+    abilityDelegatorArguments = abilityDelegatorRegistry.getArguments()
+    abilityDelegator = abilityDelegatorRegistry.getAbilityDelegator()
+    let moduleName = abilityDelegatorArguments.parameters['-m'];
+    let context = abilityDelegator.getAppContext().getApplicationContext().createModuleContext(moduleName);
+    let mResourceManager = context.resourceManager;
+    await checkMock(abilityDelegator, mResourceManager);
+    const bundleName = abilityDelegatorArguments.bundleName;
+    const testAbilityName: string = 'TestAbility';
+    let lMonitor: abilityDelegatorRegistry.AbilityMonitor = {
+      abilityName: testAbilityName,
+      onAbilityCreate: onAbilityCreateCallback,
+      moduleName: moduleName
+    };
+    abilityDelegator.addAbilityMonitor(lMonitor, addAbilityMonitorCallback)
+    const want: Want = {
+      bundleName: bundleName,
+      abilityName: testAbilityName,
+      moduleName: moduleName
+    };
+    abilityDelegator.startAbility(want, (err: BusinessError, data: void) => {
+      hilog.info(0x0000, tag, 'startAbility : err : %{public}s', JSON.stringify(err) ?? '');
+      hilog.info(0x0000, tag, 'startAbility : data : %{public}s', JSON.stringify(data) ?? '');
+    })
+    hilog.info(0x0000, tag, '%{public}s', 'OpenHarmonyTestRunner onRun end');
+  }
+}
+
+async function checkMock(abilityDelegator: abilityDelegatorRegistry.AbilityDelegator, resourceManager: resourceManager.ResourceManager) {
+  let rawFile: Uint8Array;
+  try {
+    rawFile = resourceManager.getRawFileContentSync(jsonPath);
+    hilog.info(0x0000, tag, 'MockList file exists');
+    let mockStr: string = util.TextDecoder.create("utf-8", { ignoreBOM: true }).decodeWithStream(rawFile);
+    let mockMap: Record<string, string> = getMockList(mockStr);
+    try {
+      abilityDelegator.setMockList(mockMap)
+    } catch (error) {
+      let code = (error as BusinessError).code;
+      let message = (error as BusinessError).message;
+      hilog.error(0x0000, tag, `abilityDelegator.setMockList failed, error code: ${code}, message: ${message}.`);
+    }
+  } catch (error) {
+    let code = (error as BusinessError).code;
+    let message = (error as BusinessError).message;
+    hilog.error(0x0000, tag, `ResourceManager:callback getRawFileContent failed, error code: ${code}, message: ${message}.`);
+  }
+}
+
+function getMockList(jsonStr: string) {
+  let jsonObj: Record<string, Object> = JSON.parse(jsonStr);
+  let map: Map<string, object> = new Map<string, object>(Object.entries(jsonObj));
+  let mockList: Record<string, string> = {};
+  map.forEach((value: object, key: string) => {
+    let realValue: string = value['source'].toString();
+    mockList[key] = realValue;
+  });
+  hilog.info(0x0000, tag, '%{public}s', 'mock-json value:' + JSON.stringify(mockList) ?? '');
+  return mockList;
+}
\ No newline at end of file
diff --git a/code/BasicFeature/Native/NdkDrawingSample/entry/src/ohosTest/module.json5 b/code/BasicFeature/Native/NdkDrawingSample/entry/src/ohosTest/module.json5
new file mode 100755
index 0000000000000000000000000000000000000000..403cc28aad78f2c24b6051a8a1e0beb7e534fa89
--- /dev/null
+++ b/code/BasicFeature/Native/NdkDrawingSample/entry/src/ohosTest/module.json5
@@ -0,0 +1,52 @@
+/*
+ * Copyright (c) 2025 Huawei Device Co., Ltd.
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+{
+  "module": {
+    "name": "entry_test",
+    "type": "feature",
+    "description": "$string:module_test_desc",
+    "mainElement": "TestAbility",
+    "deviceTypes": [
+      "default",
+      "tablet"
+    ],
+    "deliveryWithInstall": true,
+    "installationFree": false,
+    "pages": "$profile:test_pages",
+    "abilities": [
+      {
+        "name": "TestAbility",
+        "srcEntry": "./ets/testability/TestAbility.ets",
+        "description": "$string:TestAbility_desc",
+        "icon": "$media:icon",
+        "label": "$string:TestAbility_label",
+        "exported": true,
+        "startWindowIcon": "$media:icon",
+        "startWindowBackground": "$color:start_window_background",
+        "skills": [
+          {
+            "actions": [
+              "action.system.home"
+            ],
+            "entities": [
+              "entity.system.home"
+            ]
+          }
+        ]
+      }
+    ]
+  }
+}
diff --git a/code/BasicFeature/Native/NdkDrawingSample/entry/src/ohosTest/resources/base/element/color.json b/code/BasicFeature/Native/NdkDrawingSample/entry/src/ohosTest/resources/base/element/color.json
new file mode 100755
index 0000000000000000000000000000000000000000..3c712962da3c2751c2b9ddb53559afcbd2b54a02
--- /dev/null
+++ b/code/BasicFeature/Native/NdkDrawingSample/entry/src/ohosTest/resources/base/element/color.json
@@ -0,0 +1,8 @@
+{
+  "color": [
+    {
+      "name": "start_window_background",
+      "value": "#FFFFFF"
+    }
+  ]
+}
\ No newline at end of file
diff --git a/code/BasicFeature/Native/NdkDrawingSample/entry/src/ohosTest/resources/base/element/string.json b/code/BasicFeature/Native/NdkDrawingSample/entry/src/ohosTest/resources/base/element/string.json
new file mode 100755
index 0000000000000000000000000000000000000000..65d8fa5a7cf54aa3943dcd0214f58d1771bc1f6c
--- /dev/null
+++ b/code/BasicFeature/Native/NdkDrawingSample/entry/src/ohosTest/resources/base/element/string.json
@@ -0,0 +1,16 @@
+{
+  "string": [
+    {
+      "name": "module_test_desc",
+      "value": "test ability description"
+    },
+    {
+      "name": "TestAbility_desc",
+      "value": "the test ability"
+    },
+    {
+      "name": "TestAbility_label",
+      "value": "test label"
+    }
+  ]
+}
\ No newline at end of file
diff --git a/code/BasicFeature/Native/NdkDrawingSample/entry/src/ohosTest/resources/base/media/icon.png b/code/BasicFeature/Native/NdkDrawingSample/entry/src/ohosTest/resources/base/media/icon.png
new file mode 100755
index 0000000000000000000000000000000000000000..cd45accb1dfd2fd0da16c732c72faa6e46b26521
Binary files /dev/null and b/code/BasicFeature/Native/NdkDrawingSample/entry/src/ohosTest/resources/base/media/icon.png differ
diff --git a/code/BasicFeature/Native/NdkDrawingSample/entry/src/ohosTest/resources/base/profile/test_pages.json b/code/BasicFeature/Native/NdkDrawingSample/entry/src/ohosTest/resources/base/profile/test_pages.json
new file mode 100755
index 0000000000000000000000000000000000000000..b7e7343cacb32ce982a45e76daad86e435e054fe
--- /dev/null
+++ b/code/BasicFeature/Native/NdkDrawingSample/entry/src/ohosTest/resources/base/profile/test_pages.json
@@ -0,0 +1,5 @@
+{
+  "src": [
+    "testability/pages/Index"
+  ]
+}
diff --git a/code/BasicFeature/Native/NdkDrawingSample/entry/src/test/List.test.ets b/code/BasicFeature/Native/NdkDrawingSample/entry/src/test/List.test.ets
new file mode 100755
index 0000000000000000000000000000000000000000..f1186b1f53c3a70930921c5dbd1417332bec56c9
--- /dev/null
+++ b/code/BasicFeature/Native/NdkDrawingSample/entry/src/test/List.test.ets
@@ -0,0 +1,20 @@
+/*
+ * Copyright (c) 2025 Huawei Device Co., Ltd.
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import localUnitTest from './LocalUnit.test';
+
+export default function testsuite() {
+  localUnitTest();
+}
\ No newline at end of file
diff --git a/code/BasicFeature/Native/NdkDrawingSample/entry/src/test/LocalUnit.test.ets b/code/BasicFeature/Native/NdkDrawingSample/entry/src/test/LocalUnit.test.ets
new file mode 100755
index 0000000000000000000000000000000000000000..50ee262931df5967ed717570e4efa981ce2f99e8
--- /dev/null
+++ b/code/BasicFeature/Native/NdkDrawingSample/entry/src/test/LocalUnit.test.ets
@@ -0,0 +1,48 @@
+/*
+ * Copyright (c) 2024 Huawei Device Co., Ltd.
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import { describe, beforeAll, beforeEach, afterEach, afterAll, it, expect } from '@ohos/hypium';
+
+export default function localUnitTest() {
+  describe('localUnitTest',() => {
+    // Defines a test suite. Two parameters are supported: test suite name and test suite function.
+    beforeAll(() => {
+      // Presets an action, which is performed only once before all test cases of the test suite start.
+      // This API supports only one parameter: preset action function.
+    });
+    beforeEach(() => {
+      // Presets an action, which is performed before each unit test case starts.
+      // The number of execution times is the same as the number of test cases defined by **it**.
+      // This API supports only one parameter: preset action function.
+    });
+    afterEach(() => {
+      // Presets a clear action, which is performed after each unit test case ends.
+      // The number of execution times is the same as the number of test cases defined by **it**.
+      // This API supports only one parameter: clear action function.
+    });
+    afterAll(() => {
+      // Presets a clear action, which is performed after all test cases of the test suite end.
+      // This API supports only one parameter: clear action function.
+    });
+    it('assertContain', 0, () => {
+      // Defines a test case. This API supports three parameters: test case name, filter parameter, and test case function.
+      let a = 'abc';
+      let b = 'b';
+      // Defines a variety of assertion methods, which are used to declare expected boolean conditions.
+      expect(a).assertContain(b);
+      expect(a).assertEqual(a);
+    });
+  });
+}
\ No newline at end of file
diff --git a/code/BasicFeature/Native/NdkDrawingSample/hvigor/hvigor-config.json5 b/code/BasicFeature/Native/NdkDrawingSample/hvigor/hvigor-config.json5
new file mode 100755
index 0000000000000000000000000000000000000000..43beb743cbd25c3507b1cf8a744bf8197b3bf2fb
--- /dev/null
+++ b/code/BasicFeature/Native/NdkDrawingSample/hvigor/hvigor-config.json5
@@ -0,0 +1,37 @@
+/*
+ * Copyright (c) 2025 Huawei Device Co., Ltd.
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+{
+  "modelVersion": "5.0.0",
+  "dependencies": {
+  },
+  "execution": {
+    // "analyze": "normal",                     /* Define the build analyze mode. Value: [ "normal" | "advanced" | false ]. Default: "normal" */
+    // "daemon": true,                          /* Enable daemon compilation. Value: [ true | false ]. Default: true */
+    // "incremental": true,                     /* Enable incremental compilation. Value: [ true | false ]. Default: true */
+    // "parallel": true,                        /* Enable parallel compilation. Value: [ true | false ]. Default: true */
+    // "typeCheck": false,                      /* Enable typeCheck. Value: [ true | false ]. Default: false */
+  },
+  "logging": {
+    // "level": "info"                          /* Define the log level. Value: [ "debug" | "info" | "warn" | "error" ]. Default: "info" */
+  },
+  "debugging": {
+    // "stacktrace": false                      /* Disable stacktrace compilation. Value: [ true | false ]. Default: false */
+  },
+  "nodeOptions": {
+    // "maxOldSpaceSize": 8192                  /* Enable nodeOptions maxOldSpaceSize compilation. Unit M. Used for the daemon process. Default: 8192*/
+    // "exposeGC": true                         /* Enable to trigger garbage collection explicitly. Default: true*/
+  }
+}
diff --git a/code/BasicFeature/Native/NdkDrawingSample/hvigorfile.ts b/code/BasicFeature/Native/NdkDrawingSample/hvigorfile.ts
new file mode 100755
index 0000000000000000000000000000000000000000..2a5e543f190732c159beb574dfc9fa37bc94e156
--- /dev/null
+++ b/code/BasicFeature/Native/NdkDrawingSample/hvigorfile.ts
@@ -0,0 +1,21 @@
+/*
+ * Copyright (c) 2025 Huawei Device Co., Ltd.
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import { appTasks } from '@ohos/hvigor-ohos-plugin';
+
+export default {
+    system: appTasks,  /* Built-in plugin of Hvigor. It cannot be modified. */
+    plugins:[]         /* Custom plugin to extend the functionality of Hvigor. */
+}
diff --git a/code/BasicFeature/Native/NdkDrawingSample/oh-package.json5 b/code/BasicFeature/Native/NdkDrawingSample/oh-package.json5
new file mode 100755
index 0000000000000000000000000000000000000000..93f097993a458e967d6d5239ea0580e79b5d6998
--- /dev/null
+++ b/code/BasicFeature/Native/NdkDrawingSample/oh-package.json5
@@ -0,0 +1,25 @@
+/*
+ * Copyright (c) 2025 Huawei Device Co., Ltd.
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+{
+  "modelVersion": "5.0.0",
+  "description": "Please describe the basic information.",
+  "dependencies": {
+  },
+  "devDependencies": {
+    "@ohos/hypium": "1.0.19",
+    "@ohos/hamock": "1.0.0"
+  }
+}
diff --git a/code/BasicFeature/Native/NdkDrawingSample/ohosTest.md b/code/BasicFeature/Native/NdkDrawingSample/ohosTest.md
new file mode 100755
index 0000000000000000000000000000000000000000..2e6cf845aeb45fc701729b9b9a69c9478da4113e
--- /dev/null
+++ b/code/BasicFeature/Native/NdkDrawingSample/ohosTest.md
@@ -0,0 +1,12 @@
+# NdkDrawingSample 测试用例归档
+
+## 用例表
+
+|测试功能|预置条件|输入|预期输出|是否自动|测试结果|
+|--------------------------------|--------------------------------|--------------------------------|--------------------------------|--------------------------------|--------------------------------|
+| 拉起应用 | 设备正常运行 |		|成功拉起应用|是| Pass |
+| 绘制画布操作及状态 | 位于首页 | 1、点击**画布操作及状态** | 1、页面将绘制与画布裁剪、矩阵变换等相关内容   | 是  | Pass |
+| 绘制几何形状 | 位于首页 | 1、点击**几何形状绘制** | 1、页面将绘制几何形状（矩形、圆角矩形、椭圆等） | 是 | Pass |
+| 路径绘制 | 位于首页 | 1、点击**路径绘制** | 1、页面将绘制路径（路径填充、路径描边、曲线闭合、曲线未闭合等） | 是 | Pass |
+| 图片和字块绘制 | 位于首页 | 1、点击**图片和字块绘制** | 1、页面将绘制图片和文字等相关内容 | 是 | Pass |
+| 复杂绘制效果 | 位于首页 | 1、点击**复杂绘制效果** | 1、页面将复杂绘制效果等相关内容 | 是 | Pass |
\ No newline at end of file
diff --git a/code/BasicFeature/Native/NdkDrawingSample/screenshots/device/Canvas.jpeg b/code/BasicFeature/Native/NdkDrawingSample/screenshots/device/Canvas.jpeg
new file mode 100755
index 0000000000000000000000000000000000000000..c0fa2d36610462f9f1938e945e26661bb8ffef00
Binary files /dev/null and b/code/BasicFeature/Native/NdkDrawingSample/screenshots/device/Canvas.jpeg differ
diff --git a/code/BasicFeature/Native/NdkDrawingSample/screenshots/device/Complex.jpeg b/code/BasicFeature/Native/NdkDrawingSample/screenshots/device/Complex.jpeg
new file mode 100755
index 0000000000000000000000000000000000000000..5f9fcfb497632e8cea452623c6e2e5f02095a9d0
Binary files /dev/null and b/code/BasicFeature/Native/NdkDrawingSample/screenshots/device/Complex.jpeg differ
diff --git a/code/BasicFeature/Native/NdkDrawingSample/screenshots/device/GeometricShape.jpeg b/code/BasicFeature/Native/NdkDrawingSample/screenshots/device/GeometricShape.jpeg
new file mode 100755
index 0000000000000000000000000000000000000000..d9f4e1b2ad4eb78ab057eff483822606723fa056
Binary files /dev/null and b/code/BasicFeature/Native/NdkDrawingSample/screenshots/device/GeometricShape.jpeg differ
diff --git a/code/BasicFeature/Native/NdkDrawingSample/screenshots/device/ImageAndFont.jpeg b/code/BasicFeature/Native/NdkDrawingSample/screenshots/device/ImageAndFont.jpeg
new file mode 100755
index 0000000000000000000000000000000000000000..4c95a89346beaaf8d36e73b3b837ed1659aec94b
Binary files /dev/null and b/code/BasicFeature/Native/NdkDrawingSample/screenshots/device/ImageAndFont.jpeg differ
diff --git a/code/BasicFeature/Native/NdkDrawingSample/screenshots/device/Index.jpeg b/code/BasicFeature/Native/NdkDrawingSample/screenshots/device/Index.jpeg
new file mode 100755
index 0000000000000000000000000000000000000000..1f08e4c392595ef77c8fd50c0daa7b0743113cac
Binary files /dev/null and b/code/BasicFeature/Native/NdkDrawingSample/screenshots/device/Index.jpeg differ
diff --git a/code/BasicFeature/Native/NdkDrawingSample/screenshots/device/Path.jpeg b/code/BasicFeature/Native/NdkDrawingSample/screenshots/device/Path.jpeg
new file mode 100755
index 0000000000000000000000000000000000000000..4b2f3d005f19707f39ddfcc1c788d7ec4e87ff36
Binary files /dev/null and b/code/BasicFeature/Native/NdkDrawingSample/screenshots/device/Path.jpeg differ