社区里有一群canvas爱好者,比jsh5css,安静的小智,jeffer等同学他们在canvas方面都有着自己的学习心得和见解。但是极乐叔发现在小程序开发学习过程中还是有很多小伙伴折戟在canvas上,为此我们在社区首页教程内专门开了一个canvas学习栏目,但是觉得仍然不够,canvas在全网的知识还是太少,所以今天集中一下全网的资料,方便以后遇到问题的同学,能够从中找到可能的参考。
假如本文中有错误或者需要补充的部分,欢迎给同学提出或补充!你也可以在后台投稿发表自己canvas方面的心得或demo,我将会在后面补充进来~
Demo:
优质demo推荐:二维码生成器;使用canvas与纯JS版二维码生成
微信小程序学习用完整demo:canvas涂鸦(含node后端)
微信小程序canvas demo:黑客帝国metrix效果、渐变时钟
微信小程序优质demo推荐:转盘抽奖:Canvas绘制可配置(已更新)
小程序完整demo:飞翔的小鸟:canvas实现,java后端(适用1221)
微信小程序demo:小点名:canvas,基于leancloud
实战
今天有点忙,撸了个片段--Canvas 练手(贪吃蛇的入门版)
wx-charts:基于canvas绘制:饼图,线图,柱状图
学习用demo合集:顶部提示,canvas webSocket
微信小程序 | 使用canvas生成朋友圈分享图片并保存到手机相册
用wxDraw.js制作酷炫的小程序canvas动画『wxDraw 小程序界的zrender』
canvas中drawImage理解,image图片自适应宽度比例显示的方法
Canvas 基础绘制,时间戳转化为几天前,几小时前,几分钟前
小技巧:canvas ToTempFilePath与获取屏幕宽高
跳坑
跳坑《一百零七》canvas、textarea、video层级最高的变通方法
官方问答精选《十一》后台服务器配置https,获取canvas的尺寸
微信小程序开发问答《七十七》encryptedData解密 &canvas设置opacity:0无效
微信小程序开发问答《七十六》canvas绘制图片模糊 & Math.js如何引入
官方问答精选《十一》后台服务器配置https,获取canvas的尺寸