首页
首页
社区
开发社区
教程
开发教程
电商小程序
用户
登录
注册
帐号
自动登录
找回密码
密码
登录
立即注册
只需一步,快速开始
扫一扫,登录网站
搜索
搜索
文章
帖子
用户
文章
帖子
用户
开启辅助访问
好友
帖子
收藏
勋章
任务
设置
我的收藏
退出
腾讯QQ
微信登录
canvas学习系列
『教程』微信小程序canvas辑合(教程+Demo+跳坑)
“社区里有一群canvas爱好者,比jsh5css,安静的小智,jeffer等同学他们在canvas方面都有着自己的学习心得和见解。但是极乐叔发现在小程序开发学习过程中还是有很多小伙伴折戟在canvas上,为此我们在社区首页教程内 ...
10535
Rolan
/
2017-12-12 14:29
canvas中drawImage理解,image图片自适应宽度比例显示的方法
作者:汉堡请不要欺负面条,授权地址一:image图片自适应宽度比例显示的方法一.了解image组件由于image有默认的固定的宽度和高度,这样我们在做图片自适应的时候,就不好做了。下面就来一起解决下二.方法(一).使用mo ...
22556
天下雪
/
2017-5-7 00:05
微信小程序canvas绘制图形基础
作者:汉堡请不要欺负面条,来自原文地址一.小知识(1).API接口(2).context 对象的方法列表二.步骤wxml中: canvas canvas-id="myCanvas" class="myCanvas" /canvas 在js文件onLoad: function() {}的方法中开始编写 ...
10706
天下雪
/
2017-5-6 00:12
微信小程序实例--贪吃蛇
游戏效果图大家的时间都很宝贵,话不多说, 直接进入主题前阵子公司的app刚上架,这段时间比较空闲, 就稍微研究了一下微信小程序...(本人iOS开发, 对h5,js语法也是略懂略懂---会前端的同学搞微信小程序应该是轻轻松松) ...
6774
天下雪
/
2017-3-24 00:11
微信小程序实现带刻度尺滑块
与自带的slider不同的是,它是通过手势滑动标尺得到取值,而不是通过滑动滑块本身。
8479
天下雪
/
2017-3-24 00:00
如何使用小程序画布组件绘制自动缩放正方形
作者:优美丽生活,来自原文地址大家在手机流量页面的时候,应该也看到过各种看起来很科幻的各种变化的图形,看久了就会出现眩晕的感觉。那么这种图片是怎么做出来的呢?今天我们就给大家简单演示一下,如何使用小程 ...
5965
天下雪
/
2017-3-15 00:08
用canvas在微信小程序上画时钟教程
分享者:lastnigtic,原文地址推荐阅读:跳坑《一百一十一》canvas相关问题说明最近开始学习canvas,看了慕课网的一个视频,开始自己动手在微信小程序上画个时钟,首先我们可以先看以下微信小程序的官方文档:https: ...
8265
天下雪
/
2017-3-1 00:00
小程序之基于canvas绘制高铁线路图
前几天@天下雪 给了我一张高铁的路线图,问我能不能用canvas画出来,所以我就试了试,我的思路可能比较复杂;如果有更简单的思路可以留言回复;下面说一下我的实现思路: 1、首先是每个站点圆角矩形的绘制,一开始想 ...
8584
天下雪
/
2017-2-20 10:21
微信小程序之Canvas--玩坏FlappyBird
说点:小程序平台,玩过五子棋,玩过贪吃蛇, 你玩过FlappyBird吗? 效果图: 实现细节: JS逻辑: 主要包括 小鸟下降逻辑、随机空隙管道逻辑、 单机屏幕事件、碰撞事件、计数逻辑 小鸟下降: 纯文本查看 ...
7091
天下雪
/
2017-2-15 16:48
微信小程序小组件:仿直播点赞气泡效果,基于Canvas
先撸一发效果图为敬: 实现细节: 1.JS: 纯文本查看 复制代码 drawImage:function(data){ var that = this var p10= data; /* 三阶贝塞尔曲线起点坐标值*/ var p11= data; /* 三阶贝塞尔曲线第一个控制点 .. ...
13384
天下雪
/
2017-2-13 18:46
微信小程序不支持图表工具,通过实例带你了解绘制方案
由于微信小程序本身框架的限制,很难集成目前已有的图表工具,显示图表目前有两种方案:服务器端渲染图表,输出图片,微信小程序中直接显示渲染好的图片,比如Highcharts提供了服务端渲染的能力hightcharts server r ...
9424
天下雪
/
2017-2-13 00:03
微信小程序基础之画布
canvas 标签默认宽度300px、高度225px同一页面中的 canvas-id 不可重复,如果使用一个已经出现过的 canvas-id,该 canvas 标签对应的画布将被隐藏并不再正常工作属性名类型默认值说明canvas-idStringcanvas 组件的唯 ...
6216
天下雪
/
2017-2-9 00:07
微信小程序实战开发教程:手势解锁;基于canvas
制作者:crazytea,来自授权地址手势解锁是app上常见的解锁方式,相比输入密码方式操作起来要方便许多。下面展示如何基于微信小程序实现手机解锁。最终实现效果如下图:整个功能基于canvas实现,首先添加画布组件,并 ...
6809
天下雪
/
2017-1-6 15:32
微信小程序使用canvas进行二维码绘制
var canvas = { width: 100, height:36};function verification(ctx) { // //清空画布 ctx.clearRect(0, 0, canvas.width, canvas.height); // //生成随机颜色 function getRandomColor() { return "#" + ( ...
8439
hongweicao
/
2016-12-30 09:30
小程序canvas绘制K线,从0开始的日记( 二)
本文作者:波同学,来自授权地址, 本文接上篇:http://www.wxapp-union.com/portal.php?mod=viewaid=878但是我们目的是想要一条平滑的曲线来表示均线等,而不是一条转折点明显的折线。因此还得继续探索api。我们发 ...
8156
天下雪
/
2016-12-26 00:15
1
2
/ 2 页
下一页
相关分类
入门系列
面向新手系列
小技巧系列
https相关系列
canvas学习系列
微信登录相关
微信支付系列
腾讯云相关