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

社区里有一群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倒计时

原文发布于微信公众号 - 极乐技术社区(wxapp-union)

原文发表时间:2017-12-12

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏dodott的专栏

盒子端 CSS 动画性能提升研究

不同于传统的 PC Web 或者是移动 WEB,在客厅盒子端,接大屏显示器下,许多能流畅运行于 PC 端、移动端的 Web 动画,受限于硬件水平,在盒子端的表现...

951
来自专栏企鹅号快讯

2017JavaScript框架战报-React分战场

【IT168 资讯】我们来看看与React有关的软件包的生态系统。当Facebook构建React时,就有许多来自开源社区的第三方软件包。为提供完整的应用程序体...

1927
来自专栏玉树芝兰

Markdown懒办法排版微信公众号文章

写微信公众号的人群里面,不乏十分勤奋者。看看他们使用的排版工具,便知道为了排版一篇文章,他们要耗费多少辛劳了。

1892
来自专栏司想君

2017年前端开发手册一-2016前端技术回顾

2017年前端开发手册公布了,从今天开始陆续为大家送上翻译文章。每日一篇,今天是第一篇,是作者对2016年前端圈的一次技术回顾。 PS:附上一首目前金曲榜第...

3335
来自专栏极乐技术社区

【Demo】各类图表Demo源码+相关组件

各类图表功能,小程序自带API并没有提供,所以很多人就用了其他方法来实现,极乐大叔将这些实现方法和教程聚合一下,以便大家能够迅速而方便的使用。 — 相关文章...

3859
来自专栏练小习的专栏

前端与视觉设计需要交流的几点问题

  在实际工作中,可能会由于设计师的经验不足,以及对前端技术的不了解,而产出一些对前端来说,无法实现,或者实现成本很高的视觉设计图。在这里罗列一下我所了解的各种...

2188
来自专栏网络

终于,小编我边哭边写,把web前端从入门到精通的路线写出来了

一、前端开发入门 在入门阶段,你首先要学会最基本的技能:根据UI的设计稿,实现HTML的静态页面制作。这就要求你得掌握HTML、CSS页面布局排版、样式美化等技...

2389
来自专栏静晴轩

Vue Webpack 组件化开发实践

两千年余前,子贡问为仁,子曰:“工欲善其事,必先利其器。居是邦也。事其大夫之贤者,友其士之仁者”——语出《论语·卫灵公》。时隔这许久,欲问从业者,何以堪高效之为...

3645
来自专栏较真的前端

[译]图解React

React、ReactJS、React.js、React Native… 这些有些相似的名词你最近听过多少遍了?对于它们究竟是什么你是否感到困惑?

1022
来自专栏知晓程序

你发的朋友圈为什么会被折叠?| 晓技巧

1332

扫码关注云+社区

领取腾讯云代金券