文件最后提交记录最后更新时间
!937 README_zh.md整改 * update README_zh.md 3 年前
!913 修改README * update readme 3 年前
!389 Done! 全量翻译--JsCanvas画布组件readme * updated docs 4 年前
!966 README整改 * update README_zh.md 3 年前
!614 AtomicLayout、BuildCommonView、DdefiningPageLayoutAndConnection、Process、JsAnimationStyle、JsCanvas、JsDialog、JsGrid、JsDevice、JsUICustomComponent工程API7至API8工程适配 * AtomicLayout、BuildCommonView、DdefiningPageLayoutAndConnection、Process、… 4 年前
!614 AtomicLayout、BuildCommonView、DdefiningPageLayoutAndConnection、Process、JsAnimationStyle、JsCanvas、JsDialog、JsGrid、JsDevice、JsUICustomComponent工程API7至API8工程适配 * AtomicLayout、BuildCommonView、DdefiningPageLayoutAndConnection、Process、… 4 年前
!822 901工程适配 * 修改.mainAbility为.MainAbility * 901工程适配 3 年前
README.md

<canvas>

Introduction

This sample shows how to use the <canvas> component to customize drawings.

Usage

  1. Touch the arc button to draw a circle on the canvas.

  2. Touch the strokeText button to draw text with stroke effects on the canvas.

  3. Touch the close button to draw a closed path on the canvas.

  4. Touch the bezierCurve button to draw a curve on the canvas.

  5. Touch the textBaseline button to draw a text baseline in the horizontal direction for text alignment on the canvas.

  6. Touch the image button to draw an image on the canvas.

  7. Touch the radialGradient button to draw a radial gradient color on the canvas.

  8. Touch the linearGradient button to draw a linear gradient color on the canvas.

  9. Touch the filter button to show drawings with different filter effects on the canvas.

  10. Touch the clear button to clear the canvas.

Constraints

This sample can only be run on standard-system devices.