当前仓库属于暂停状态,部分功能使用受限,详情请查阅 仓库状态说明
10 Star 68 Fork 73

OpenHarmony/app_samples
暂停

加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
文件
Account
AppSample
Basic
Communication
CompleteApps
DFX
ETSUI
EngineeringCapability/Npm
FileManager/FileIo
Graphics
MultiDeviceAppDev
Native/NativeAPI
Network
Notification
PackageManagement/ZipLib
Preset
ResourcesSchedule
Safety
Telephony
UI
AtomicLayout
Badge
International
JSComponments
JSMenu
JSUICustomComponent
JsAdaptivePortalList
JsAdaptivePortalPage
JsAdaptiveServiceWidget
JsAnimation
JsAnimationStyle
JsAnimator
JsBasicComponents
JsBrightness
JsCanvas
entry
screenshots/device
README.md
README_zh.md
build-profile.json5
hvigorfile.js
package.json
JsDevice
JsDialog
JsFA
JsGallery
JsGrid
JsImage
JsList
JsPanel
JsRouter
JsShopping
JsSvg
JsTimer
JsUserRegistration
Picker
Popup
RefreshContainer
Slider
Stack
StepNavigator
Swiper
Tabs
Toolbar
chart
Util
ability
common
data
device
media
thread/JsWorker
.gitattributes
.gitignore
CodeCommitChecklist.md
LICENSE
OAT.xml
README.md
README_zh.md
changelog.md
克隆/下载
贡献代码
同步代码
取消
提示: 由于 Git 不支持空文件夾,创建文件夹后会生成空的 .keep 文件
Loading...
README

画布组件

简介

<canvas>组件可以自定义绘制图形,本示例展示了<canvas>组件的使用方法。实现效果如下:

相关概念

Canvas:提供画布组件,用于自定义绘制图形。

相关权限

不涉及。

使用说明

1.点击弧线按钮,在画布上绘制出一个圆。

2.点击描边按钮,在画布上绘制出带描边效果的文本。

3.点击封闭按钮,在画布上绘制出封闭路径。

4.点击贝塞尔曲线按钮,在画布上绘制出一条曲线。

5.点击水平对齐按钮,在画布上绘制文本水平对齐的方式。

6.点击图片按钮,在画布上绘制一张图片。

7.点击径向渐变按钮,在画布上绘制径向渐变的颜色。

8.点击线性渐变按钮,在画布上绘制线性渐变的颜色。

9.点击滤镜按钮,在画布上绘制多种不同滤镜处理下的效果。

10.点击清除按钮,清除画布上所有绘制的内容。

约束与限制

1.本示例仅支持标准系统运行。

2.本示例需要使用DevEco Studio 3.0 Beta3 (Build Version: 3.0.0.901, built on May 30, 2022)才可编译运行。

马建仓 AI 助手
尝试更多
代码解读
代码找茬
代码优化
1
https://gitee.com/openharmony/app_samples.git
git@gitee.com:openharmony/app_samples.git
openharmony
app_samples
app_samples
master

搜索帮助