最近做一个小程序的过程中，需要用到截图功能，网上搜了一下，发现没有符合要求的，就自己搞了个组件，方便复用。 目前功能很简单，传入宽高和图片路径即可，宽高是为了计算截图的比例，只支持缩放和移动。 实现思路是： 1.模拟一个截取框；2.移动图片位置，缩放图片；3.获取图片在其中的位置(left ...

概述 微信小程序的 Canvas 实在太难用，这里记录一些场景经验，提高认识。 画图的尺寸问题 在页面声明一个 canvas 封装一个画图片到 canvas 的代码 测试用例： 已知页面声明的 canvas 的 style 长宽都是300；图片 ...

画布，默认宽高300px * 225px ，其中属性 canvas-id 是唯一的，如果重复使用 ，画布将会被隐藏，不再工作。 canvas组件是原生组件，它的层级是最高的，不能通过z-index设置层 级，css动画对canvas组件无效 ...

　　canvas-id 　　canvas 组件的唯一标识符 　　同一页面中的 canvas-id 不可重复，如果使用一个 ...

小程序目前只支持转发，不支持分享朋友圈，为了能实现分享，很多线上小程序通过生成分享图片，保存到相册来给用户增加分享的可能。 具体思路及简要代码如下： 大概就这样，若发现问题，请评论指正~ ...

ec-canvas: https://github.com/ecomfe/echarts-for-weixin 微信小程序通过ec-canvas实现数据可视化。 需求：当前页面需要渲染多个图表 问题：二次封装ec-canvas时，由于组件this指向问题导致图表覆盖 解决： 将每一个ec ...

jTopo是什么? jTopo（Javascript Topology library)是一款完全基于HTML5 Canvas的关系、拓扑图形化界面开发工具包。 jTopo关注于数据的图形展示，它是面向开发人员的，需要进行二次开发。 使用jTopo很简单，可以快速 ...

1、需要借助的API：wx.getSystemInfoSync(); 通过API可获取的值： 2、px与rpx之间转换的公式：px = rpx / 750 * wx.getSyste ...