canvas学习系列

    『教程』微信小程序canvas辑合(教程+Demo+跳坑)

    『教程』微信小程序canvas辑合(教程+Demo+跳坑)

    “社区里有一群canvas爱好者,比jsh5css,安静的小智,jeffer等同学他们在canvas方面都有着自己的学习心得和见解。但是极乐叔发现在小程序开发学习过程中还是有很多小伙伴折戟在canvas上,为此我们在社区首页教程内 ...
    6323 Rolan/2017-12-12 14:29
    canvas中drawImage理解,image图片自适应宽度比例显示的方法

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    微信小程序基础之画布

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

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

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

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

    本文作者:波同学,来自授权地址, 本文接上篇://www.6z8dk.cn/portal.php?mod=viewaid=878但是我们目的是想要一条平滑的曲线来表示均线等,而不是一条转折点明显的折线。因此还得继续探索api。我们发 ...
    3797 天下雪/2016-12-26 00:15
12下一页
  • 【十九大·理论新视野】为什么把“建设美丽中国”作为现代化目标之一 2019-05-21
  • 【奋斗者说】银河麒麟孔金珠:核心技术只有靠自己干出来 2019-05-20
  • 大阪发生6.1级地震 至少造成3人死亡 2019-05-20
  • 南通如皋为应对督察“回头看”违法掩埋危险废物 2019-05-19
  • 海融口腔“免费看牙”惠民活动启动 惠及乌鲁木齐市民 2019-05-18
  • “改革开放40年山东教育成就展”启动 2019-05-17
  • 南昌重拳整治酒驾毒驾 2019-05-16
  • 守土有责守土尽责 扎实做好水污染 防治各项工作 2019-05-15
  • 广东水漫大街市民触电身亡,是天灾还是人祸? (原创首发) 2019-05-14
  • 统计局解读8月PMI:制造业增长动力不足 2019-05-13
  • 世界读书日 山西推出245种优秀书目助力全民阅读 2019-05-13
  • 北京赛车pk10 75秒极速赛车34567规律破解开奖结果历史记录查询 2019-05-12
  • 马克思主义通过指导无产阶级革命建立起部分社会财富公有制而改变了人类历史发展进程,离开部分社会财富公有制的建立来谈“改变人类历史发展进程”纯粹是无稽之谈。 2019-05-11
  • 利好不断!新能源汽车正在迎来春天 2019-05-10
  • 全世界人民都要尊重人类社会发展规律即从过去资本主义社会财富私有制经过现代社会财富公有制和私有制并存而发展到未来共产主义社会财富公有制。 2019-05-10
  • 631| 581| 75| 107| 70| 514| 140| 185| 207| 570|