# 微信小程序:涂鸦
涂鸦小程序,可以在白板上画画,也可以选择涂鸦照片。可以自由修改画笔宽度、颜色。画画代码位于painting、涂鸦照片代码位于painting2
可以通过搜索 soso涂鸦 或者扫面下面的二维码体验效果。
![soso 涂鸦](http://static.jsososo.com/bmob-cdn-20716.b0.upaiyun.com/2019/02/22/09c84a5840cd995880c2505920574554.png)
由于考虑到canvas在小程序中层级最高,因此采用动态调整高度的方法显示底部调整栏。
为了解决涂鸦照片的橡皮擦不会破坏原图,采用先为canvas设置background,在保存时先保存绘制的效果,然后清空canvas先绘制原图,再绘制手绘结果图。(利用canvas输出图片背景可以透明的特性)
### 版本更新
* v1.2.3 采用曲线绘制,解决折线问题
* v1.2.2 新增荧光涂鸦(代码与普通涂鸦为同一页,入口页通过参数 `pageType` 进行区分, 主要实现代码参考小程序api`setShadow`)
* v1.2 新增像素涂鸦(根据原来的普通涂鸦改写而成,将`lineTo`改为`fillRect`)
于18.2.24提交微信审核
* v1.1 修改图片来源路径,优化无权限提醒
### 兼容性/性能问题:
~~1、安卓下涂鸦稍微多一点就会存在卡顿现象,估计是由安卓端使用qq浏览器的x5内核所致,ios上表现正常。~~(1.2.3,采用曲线绘制的方法已解决)
2、在开发者工具中动态修改画布高度的功能有问题,安卓、ios表现正常。
3、开发者工具中修改完画笔宽度、颜色后会导致之前画的部分缺失,手机端正常。
4、像素涂鸦中过快的移动可能会导致中间部分的涂鸦缺失,目前已上线的其他类似小程序中也存在同样问题 (18.2.24)
### 未来版本预计添加功能
* 新增黑板模式,模仿在黑板上写字
> 感觉模仿粉笔的效果可能有点麻烦,想办法中
* 可以调整普通涂鸦、荧光涂鸦、像素涂鸦的画板颜色
> 具体实现打算同图片涂鸦
* ~~半透明画笔~~
> 1、 半透明在自由绘画时效果不好
没有合适的资源?快使用搜索试试~ 我知道了~
微信小程序:涂鸦 (涂鸦、涂鸦照片、像素涂鸦).zip
共40个文件
js:9个
json:8个
wxss:7个
需积分: 1 0 下载量 79 浏览量
2024-01-06
22:06:21
上传
评论
收藏 31KB ZIP 举报
温馨提示
微信小程序的优势在于它方便快捷、轻量级、跨平台、丰富的推广方式、丰富的功能接口、数据分析与优化、结合微信支付、支持多场景应用、社交功能以及多端同步等。这些优点使得小程序能够满足用户的多种需求,提供更好的用户体验
资源推荐
资源详情
资源评论
收起资源包目录
微信小程序:涂鸦 (涂鸦、涂鸦照片、像素涂鸦).zip (40个子文件)
open_weixxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxcxxxxxxxxxxxxcxvcvcv
pages
painting
painting.json 119B
painting.wxss 836B
painting.wxml 3KB
painting.js 5KB
index
index.wxml 663B
index.js 533B
index.json 119B
index.wxss 232B
pixel
pixel.json 129B
pixel.wxss 913B
pixel.wxml 2KB
pixel.js 4KB
logs
logs.json 54B
logs.js 266B
logs.wxml 194B
logs.wxss 106B
version
version.wxss 247B
version.json 125B
version.wxml 768B
version.js 847B
painting2
painting2.wxss 826B
painting2.js 6KB
painting2.wxml 2KB
painting2.json 119B
app.json 362B
project.config.json 828B
app.js 692B
LICENSE 1KB
utils
util.js 6KB
paint.js 1KB
app.wxss 15B
.idea
dictionaries
john.xml 85B
watcherTasks.xml 1KB
vcs.xml 180B
workspace.xml 29KB
misc.xml 174B
wx-app-painting.iml 458B
modules.xml 282B
.gitignore 21B
README.md 2KB
共 40 条
- 1
资源评论
极致人生-010
- 粉丝: 3417
- 资源: 3074
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功