社区里有一群canvas爱好者,比jsh5css,安静的小智,jeffer等同学他们在canvas方面都有着自己的学习心得和见解。但是极乐叔发现在小程序开发学习过程中还是有很多小伙伴折戟在canvas上,为此我们在社区首页教程内专门开了一个canvas学习栏目,但是觉得仍然不够,canvas在全网的知识还是太少,所以今天集中一下全网的资料,方便以后遇到问题的同学,能够从中找到可能的参考。
假如本文中有错误或者需要补充的部分,欢迎给同学提出或补充!你也可以在后台投稿发表自己canvas方面的心得或demo,我将会在后面补充进来~
Demo:
微信小程序demo组件:股票分时图
微信小程序小组件:仿直播点赞气泡效果,基于Canvas
优质demo推荐:二维码生成器;使用canvas与纯JS版二维码生成
微信小程序学习用完整demo:canvas涂鸦(含node后端)
微信小程序canvas demo:黑客帝国metrix效果、渐变时钟
微信小程序优质demo推荐:转盘抽奖:Canvas绘制可配置(已更新)
微信小程序demo:canvas手绘雷达图
微信小程序学习用demo:装逼生成器:canvas绘制图片
微信小程序学习用demo:五子棋,基于canvas
玩转Canvas-- 炫酷列表字母索引
微信小程序demo:canvas特殊时钟
微信小程序demo:基于canvas的动态柱状图
微信小程序demo:利用canvas绘制折线图
微信小程序学习用demo:贪吃蛇;canvas运用
小程序完整demo:飞翔的小鸟:canvas实现,java后端(适用1221)
微信小程序学习demo推荐:豆瓣电影,canvas时钟
微信小程序demo:小点名:canvas,基于leancloud
微信小程序学习用demo:canvas倒计时
实战
我的canvas使用总结
WeZRender:微信小程序Canvas增强组件
微信小程序之Canvas--玩坏FlappyBird
微信小程序canvas组件简单运用之涂鸦
今天有点忙,撸了个片段--Canvas 练手(贪吃蛇的入门版)
wx-charts:基于canvas绘制:饼图,线图,柱状图
学习用demo合集:顶部提示,canvas webSocket
小程序之基于canvas绘制高铁线路图
微信小程序练手项目集合:canvas,豆瓣
微信小程序点赞特效(CSS3和canvas两种实现)
基于微信小程序 Canvas API 实现的柱状图和趋势图
微信小程序:实现canvas绘制地图及简单拖动
基于微信小程序canvas的图表控件,适用于wepy框架
微信小程序 | 使用canvas生成朋友圈分享图片并保存到手机相册
用wxDraw.js制作酷炫的小程序canvas动画『wxDraw 小程序界的zrender』
微信小程序--绘图canvas
微信小程序:canvas写字板效果
canvas中drawImage理解,image图片自适应宽度比例显示的方法
微信小程序canvas绘制图形基础
Canvas 基础绘制,时间戳转化为几天前,几小时前,几分钟前
用canvas在微信小程序上画时钟教程
小程序之基于绘制高铁线路图
微信小程序实战开发教程:手势解锁;基于canvas
微信小程序使用canvas进行二维码绘制
小程序canvas绘制K线,从0开始的日记(一)
小程序canvas绘制K线,从0开始的日记( 二)
Canvas绘制微信小程序画布时钟
微信小程序canvas组件简单运用之涂鸦
微信小程序canvas篇,实现全过程展示含demo
微信小程序把玩《十四》:canvas API
小技巧:canvas ToTempFilePath与获取屏幕宽高
微信 小程序canvas测试心得干货
跳坑
跳坑《一百一十一》canvas学习及使用说明
SF问答精选《六》canvas不显示问题
跳坑《一百零七》canvas、textarea、video层级最高的变通方法
官方问答精选《十一》后台服务器配置https,获取canvas的尺寸
微信小程序开发问答《七十七》encryptedData解密 &canvas设置opacity:0无效
微信小程序开发问答《七十六》canvas绘制图片模糊 & Math.js如何引入
官方问答精选《十一》后台服务器配置https,获取canvas的尺寸
关于为什么canvas组件总是在最上层
canvas的drawImage问题
Canvas 吃内存
canvas的绘制问题
微信小程序 Canvas drawImage 的bug
微信小程序的一个坑:canvas图表
Canvas drawImage 真机图片显示不出来
canvas的drawImage取线上的图片不显示
微信小程序canva的各种坑?
我用小程序canvas写个刮刮卡,画笔颜色不能用transparent!!