“社区里有一群canvas爱好者，比jsh5css，安静的小智，jeffer等同学他们在canvas方面都有着自己的学习心得和见解。但是极乐叔发现在小程序开发学习过程中还是有很多小伙伴折戟在canvas上，为此我们在社区首页教程内 ...

作者：汉堡请不要欺负面条，授权地址一：image图片自适应宽度比例显示的方法一.了解image组件由于image有默认的固定的宽度和高度，这样我们在做图片自适应的时候，就不好做了。下面就来一起解决下二.方法(一).使用mo ...

作者：汉堡请不要欺负面条，来自原文地址一.小知识(1).API接口(2).context 对象的方法列表二.步骤wxml中： canvas canvas-id="myCanvas" class="myCanvas" /canvas 在js文件onLoad: function() {}的方法中开始编写 ...

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

与自带的slider不同的是，它是通过手势滑动标尺得到取值，而不是通过滑动滑块本身。

作者：优美丽生活，来自原文地址大家在手机流量页面的时候，应该也看到过各种看起来很科幻的各种变化的图形，看久了就会出现眩晕的感觉。那么这种图片是怎么做出来的呢？今天我们就给大家简单演示一下，如何使用小程 ...

分享者：lastnigtic，原文地址推荐阅读：跳坑《一百一十一》canvas相关问题说明最近开始学习canvas，看了慕课网的一个视频，开始自己动手在微信小程序上画个时钟，首先我们可以先看以下微信小程序的官方文档：https: ...

前几天@天下雪 给了我一张高铁的路线图，问我能不能用canvas画出来，所以我就试了试，我的思路可能比较复杂；如果有更简单的思路可以留言回复；下面说一下我的实现思路： 1、首先是每个站点圆角矩形的绘制，一开始想 ...

说点：小程序平台，玩过五子棋，玩过贪吃蛇， 你玩过FlappyBird吗？ 效果图： 实现细节： JS逻辑: 主要包括 小鸟下降逻辑、随机空隙管道逻辑、 单机屏幕事件、碰撞事件、计数逻辑 小鸟下降： 纯文本查看 ...

先撸一发效果图为敬： 实现细节： 1.JS： 纯文本查看 复制代码 drawImage:function(data){ var that = this var p10= data; /* 三阶贝塞尔曲线起点坐标值*/ var p11= data; /* 三阶贝塞尔曲线第一个控制点 .. ...

由于微信小程序本身框架的限制，很难集成目前已有的图表工具，显示图表目前有两种方案：服务器端渲染图表，输出图片，微信小程序中直接显示渲染好的图片，比如Highcharts提供了服务端渲染的能力hightcharts server r ...

canvas 标签默认宽度300px、高度225px同一页面中的 canvas-id 不可重复，如果使用一个已经出现过的 canvas-id，该 canvas 标签对应的画布将被隐藏并不再正常工作属性名类型默认值说明canvas-idStringcanvas 组件的唯 ...

制作者：crazytea，来自授权地址手势解锁是app上常见的解锁方式，相比输入密码方式操作起来要方便许多。下面展示如何基于微信小程序实现手机解锁。最终实现效果如下图:整个功能基于canvas实现，首先添加画布组件，并 ...

var canvas = { width: 100, height:36};function verification(ctx) { // //清空画布 ctx.clearRect(0, 0, canvas.width, canvas.height); // //生成随机颜色 function getRandomColor() { return "#" + ( ...

本文作者：波同学，来自授权地址， 本文接上篇：http://www.wxapp-union.com/portal.php?mod=viewaid=878但是我们目的是想要一条平滑的曲线来表示均线等，而不是一条转折点明显的折线。因此还得继续探索api。我们发 ...