用户
 找回密码
 立即注册

QQ登录

只需一步,快速开始

扫一扫,登录网站

canvas学习系列

    微信小程序实例--贪吃蛇

    微信小程序实例--贪吃蛇

    游戏效果图大家的时间都很宝贵,话不多说, 直接进入主题前阵子公司的app刚上架,这段时间比较空闲, 就稍微研究了一下微信小程序...(本人iOS开发, 对h5,js语法也是略懂略懂---会前端的同学搞微信小程序应该是轻轻松松) ...
    109 天下雪/2017-3-24 00:11
    微信小程序实现带刻度尺滑块

    微信小程序实现带刻度尺滑块

    与自带的slider不同的是,它是通过手势滑动标尺得到取值,而不是通过滑动滑块本身。
    66 天下雪/2017-3-24 00:00
    如何使用小程序画布组件绘制自动缩放正方形

    如何使用小程序画布组件绘制自动缩放正方形

    作者:优美丽生活,来自原文地址大家在手机流量页面的时候,应该也看到过各种看起来很科幻的各种变化的图形,看久了就会出现眩晕的感觉。那么这种图片是怎么做出来的呢?今天我们就给大家简单演示一下,如何使用小程 ...
    61 天下雪/2017-3-15 00:08
    用canvas在微信小程序上画时钟教程

    用canvas在微信小程序上画时钟教程

    分享者:lastnigtic,原文地址推荐阅读:跳坑《一百一十一》canvas相关问题说明最近开始学习canvas,看了慕课网的一个视频,开始自己动手在微信小程序上画个时钟,首先我们可以先看以下微信小程序的官方文档:https: ...
    90 天下雪/2017-3-1 00:00
    小程序之基于canvas绘制高铁线路图

    小程序之基于canvas绘制高铁线路图

    前几天@天下雪 给了我一张高铁的路线图,问我能不能用canvas画出来,所以我就试了试,我的思路可能比较复杂;如果有更简单的思路可以留言回复;下面说一下我的实现思路: 1、首先是每个站点圆角矩形的绘制,一开始想 ...
    216 天下雪/2017-2-20 10:21
    微信小程序之Canvas--玩坏FlappyBird

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

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

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

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

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

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

    微信小程序基础之画布

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

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

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

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

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

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

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

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

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

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

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