用户
 找回密码
 立即注册

QQ登录

只需一步,快速开始

扫一扫,登录网站

canvas学习系列

    canvas中drawImage理解,image图片自适应宽度比例显示的方法

    canvas中drawImage理解,image图片自适应宽度比例显示的方法

    作者:汉堡请不要欺负面条,授权地址一:image图片自适应宽度比例显示的方法一.了解image组件由于image有默认的固定的宽度和高度,这样我们在做图片自适应的时候,就不好做了。下面就来一起解决下二.方法(一).使用mo ...
    1496 天下雪/2017-5-7 00:05
    微信小程序canvas绘制图形基础

    微信小程序canvas绘制图形基础

    作者:汉堡请不要欺负面条,来自原文地址一.小知识(1).API接口(2).context 对象的方法列表二.步骤wxml中: canvas canvas-id="myCanvas" class="myCanvas" /canvas 在js文件onLoad: function() {}的方法中开始编写 ...
    1870 天下雪/2017-5-6 00:12
    微信小程序实例--贪吃蛇

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    微信小程序基础之画布

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

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

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

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

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

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

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