用户
 找回密码
 立即注册

QQ登录

只需一步,快速开始

扫一扫,登录网站

『教程』微信小程序canvas辑合(教程+Demo+跳坑)

Rolan 2017-12-12 14:29

“社区里有一群canvas爱好者,比jsh5css,安静的小智,jeffer等同学他们在canvas方面都有着自己的学习心得和见解。但是极乐叔发现在小程序开发学习过程中还是有很多小伙伴折戟在canvas上,为此我们在社区首页教程内 ...


 


社区里有一群canvas爱好者,比jsh5css,安静的小智,jeffer等同学他们在canvas方面都有着自己的学习心得和见解。


但是极乐叔发现在小程序开发学习过程中还是有很多小伙伴折戟在canvas上,为此我们在社区首页教程内专门开了一个canvas学习栏目,但是觉得仍然不够,canvas在全网的知识还是太少,所以今天集中一下全网的资料,方便以后遇到问题的同学,能够从中找到可能的参考。


假如本文中有错误或者需要补充的部分,欢迎给同学提出或补充!你也可以在后台投稿发表自己canvas方面的心得或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跳坑

跳坑《一百一十一》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!!


Canvas  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倒计时

鲜花
鲜花 (2)
鸡蛋
鸡蛋

刚表态过的朋友 (2 人)

分享至 : QQ空间
收藏

相关阅读