用户
 找回密码
 立即注册

QQ登录

只需一步,快速开始

扫一扫,登录网站

canvas学习系列

    微信小程序实战开发教程:手势解锁;基于canvas

    微信小程序实战开发教程:手势解锁;基于canvas

    制作者:crazytea,来自授权地址手势解锁是app上常见的解锁方式,相比输入密码方式操作起来要方便许多。下面展示如何基于微信小程序实现手机解锁。最终实现效果如下图:整个功能基于canvas实现,首先添加画布组件,并 ...
    236 天下雪/2017-1-6 15:32
    微信小程序使用canvas进行二维码绘制

    微信小程序使用canvas进行二维码绘制

    var canvas = { width: 100, height:36};function verification(ctx) { // //清空画布 ctx.clearRect(0, 0, canvas.width, canvas.height); // //生成随机颜色 function getRandomColor() { return "#" + ( ...
    186 hongweicao/2016-12-30 09:30
    小程序canvas绘制K线,从0开始的日记( 二)

    小程序canvas绘制K线,从0开始的日记( 二)

    本文作者:波同学,来自授权地址, 本文接上篇:http://www.wxapp-union.com/portal.php?mod=viewaid=878但是我们目的是想要一条平滑的曲线来表示均线等,而不是一条转折点明显的折线。因此还得继续探索api。我们发 ...
    183 天下雪/2016-12-26 00:15
    小程序canvas绘制K线,从0开始的日记(一)

    小程序canvas绘制K线,从0开始的日记(一)

    只有canvas的api,要搞一个成熟的K线图组件出来,对我来说是一个巨大的挑战,但是没办法,小程序中,由于api的细微差别,成熟的三方框架用不了,只好硬着头皮自己来。从熟读api开始,一步一步尝试,希望能有所成就。 ...
    239 天下雪/2016-12-26 00:13
    Canvas绘制微信小程序画布时钟

    Canvas绘制微信小程序画布时钟

    作者:骑着袋马去流浪,来自原文地址微信小程序官方组件也提供了画布功能,下面分享一下如何创建微信小程序画布时钟。总体思路是对pages中的一个小程序页面构建画布时钟逻辑程序,通过app.json公共设置来配置入口。 ...
    260 天下雪/2016-12-25 00:27
    微信小程序canvas组件简单运用之涂鸦

    微信小程序canvas组件简单运用之涂鸦

    橡皮擦的原理:之所以能擦掉画布上的图像就是通过把要擦掉的区域绘制成与画布一样的颜色 这样就可以”欺骗”自己的眼睛
    150 天下雪/2016-12-19 17:48
    安静的小智:我的canvas使用总结

    安静的小智:我的canvas使用总结

    上次在这里提问如何将view及里面的内容保存成一张图片,看到大家的意见是使用画布,在看了官方文档后,发现的确可以实现.非常感谢.现在的画布功能并不是很多,有许多不足之处.这里只是把我在做的过程中遇到的问题做个总 ...
    158 天下雪/2016-12-19 16:40
    微信 小程序 canvas测试心得干货

    微信 小程序 canvas测试心得干货

    本文作者为乱术,已经获得授权,授权地址微信小程序里的canvas 非 h5 canvas有很多不一样的地方,以下把微信小程序的canvas叫做wxcanvas下面全是我一点点测试出的干货,耐心看:1.wxcanvas,不像h5canvas那样有width ...
    195 天下雪/2016-12-10 00:15
    娇娇jojojojo:微信小程序踩坑录:canvas,post请求,页面刷新

    娇娇jojojojo:微信小程序踩坑录:canvas,post请求,页面刷新

    现在也不知道距离微信公测多少日子了,反正感觉我是埋在微信小程序这个坑里很久了,公司的项目终于快接近尾声,现在就腾点时间记录下我的收获,希望能给大家一点点帮助吧。我做的几乎都是canvas的东西,所以先说说这 ...
    278 天下雪/2016-11-25 11:31
    小技巧:wx.canvasToTempFilePath与获取屏幕宽高

    小技巧:wx.canvasToTempFilePath与获取屏幕宽高

    wx.canvasToTempFilePath wx.saveFile官方文档中只有一行,真是坑爹啊,原来wx.canvasToTempFilePath参数为一个对象包括canvasID,success,fail,complete,和wx.saveFile差不多; wx.canvasToTempFilePath({ canvasId ...
    211 天下雪/2016-11-20 12:21
    微信小程序把玩《十四》:canvas API

    微信小程序把玩《十四》:canvas API

    绘图是每个移动应用必备的技术,基本上和Android,IOS,等移动开发都是相同的,创建个上下文,给你个画布再上画,官网给的小例子都比较全了自己去看吧,drawImage时没有反应不知道是BUG还是电脑不能测试待定,http:/ ...
    180 天下雪/2016-10-28 13:41
    微信小程序开发之画布canvas 饼状图

    微信小程序开发之画布canvas 饼状图

    微信小程序开发的时候会遇到统计功能的开放.今天想做一个饼状图,群里有朋友造了轮子,我整理了一下,加了一些注释,分享出来.先说说canvas:1.微信里面canvas标签默认宽度300px、高度225px,可自行修改.2.同一页面中的 ca ...
    148 天下雪/2016-10-28 12:32
    微信小程序canvas篇,实现全过程展示含demo

    微信小程序canvas篇,实现全过程展示含demo

    之所以写了这样一个Demo,是因为很久之前在慕课网看到了一个很好玩很酷炫利用canvas绘制的时钟,于是想着这样炫酷好玩的东西在小程序当中是否也能够得以实现呢?答案肯定是可以的。接下来我将把这个Demo的思路一步一 ...
    150 天下雪/2016-10-16 17:45