用户
 找回密码
 立即注册

QQ登录

只需一步,快速开始

扫一扫,登录网站

canvas学习系列

    微信小程序之Canvas--玩坏FlappyBird

    微信小程序之Canvas--玩坏FlappyBird

    说点:小程序平台,玩过五子棋,玩过贪吃蛇, 你玩过FlappyBird吗? 效果图: 实现细节: JS逻辑: 主要包括 小鸟下降逻辑、随机空隙管道逻辑、 单机屏幕事件、碰撞事件、计数逻辑 小鸟下降: 纯文本查看 ...
    103 天下雪/2017-2-15 16:48
    微信小程序小组件:仿直播点赞气泡效果,基于Canvas

    微信小程序小组件:仿直播点赞气泡效果,基于Canvas

    先撸一发效果图为敬: 实现细节: 1.JS: 纯文本查看 复制代码 drawImage:function(data){ var that = this var p10= data; /* 三阶贝塞尔曲线起点坐标值*/ var p11= data; /* 三阶贝塞尔曲线第一个控制点 .. ...
    1787 天下雪/2017-2-13 18:46
    微信小程序不支持图表工具,通过实例带你了解绘制方案

    微信小程序不支持图表工具,通过实例带你了解绘制方案

    由于微信小程序本身框架的限制,很难集成目前已有的图表工具,显示图表目前有两种方案:服务器端渲染图表,输出图片,微信小程序中直接显示渲染好的图片,比如Highcharts提供了服务端渲染的能力hightcharts server r ...
    67 天下雪/2017-2-13 00:03
    微信小程序基础之画布

    微信小程序基础之画布

    canvas 标签默认宽度300px、高度225px同一页面中的 canvas-id 不可重复,如果使用一个已经出现过的 canvas-id,该 canvas 标签对应的画布将被隐藏并不再正常工作属性名类型默认值说明canvas-idStringcanvas 组件的唯 ...
    91 天下雪/2017-2-9 00:07
    微信小程序实战开发教程:手势解锁;基于canvas

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

    制作者:crazytea,来自授权地址手势解锁是app上常见的解锁方式,相比输入密码方式操作起来要方便许多。下面展示如何基于微信小程序实现手机解锁。最终实现效果如下图:整个功能基于canvas实现,首先添加画布组件,并 ...
    298 天下雪/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 "#" + ( ...
    243 hongweicao/2016-12-30 09:30
    小程序canvas绘制K线,从0开始的日记( 二)

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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