1# **<canvas\>** 2 3### Introduction 4 5This sample shows how to use the **<canvas\>** component to customize drawings. 6 7### Usage 8 91. Touch the **arc** button to draw a circle on the canvas. 10 112. Touch the **strokeText** button to draw text with stroke effects on the canvas. 12 133. Touch the **close** button to draw a closed path on the canvas. 14 154. Touch the **bezierCurve** button to draw a curve on the canvas. 16 175. Touch the **textBaseline** button to draw a text baseline in the horizontal direction for text alignment on the canvas. 18 196. Touch the **image** button to draw an image on the canvas. 20 217. Touch the **radialGradient** button to draw a radial gradient color on the canvas. 22 238. Touch the **linearGradient** button to draw a linear gradient color on the canvas. 24 259. Touch the **filter** button to show drawings with different filter effects on the canvas. 26 2710. Touch the **clear** button to clear the canvas. 28 29### Constraints 30 31This sample can only be run on standard-system devices. 32