axure 画小程序效果图_微信小程序-基于canvas画画涂鸦

一、前期准备工作

1、基本需求。

实现用户自定画笔大小

实现用户自定色彩

实现用户动画撤回之前的操作

实现生成分享海报

实现用户预览画作,清除画布

2、案例目录结构

二、程序实现具体步骤

1.index.wxml代码

笔触大小

imgUrl="/images/games/common/btn_back.png"

bind:clickEvent="clickFallback"

text="撤销"

width="100%">

imgUrl="/images/games/common/btn_erase.png"

selected="{ {bgColor===currentColor}}"

bind:clickEvent="clickErase"

text="橡皮"

width="100%">

imgUrl="/images/games/common/btn_tranCan.png"

bind:clickEvent="clickClearAll"

text="清除"

width="100%">

imgUrl="/images/game