画布组件

简介

<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)才可编译运行。