如果是H5页面的话给大家推荐一款不错的插件html2canvas,这个插件可以将html元素转为canvas并一键生成png图片,但是本文的重点是在小程序上如何实现生成图片的功能.因为小程序没有DOM,所以不能引用插件实现. 进入正题!! step1 创建canvas组件 注意:canvas画布绘制的图片会被压缩导致失帧,可以通过增大画布大小来提高图片质量.并且该canvas元素不应该呈现给用户观看,所以利用绝对定位将元素隐藏. image标签是用来展示最终海报生成效果的 step2 获取页面画…

微信小程序发展到现在,短短的一年不到的时间(很快就要迎来微信小程序周年庆),在快迎来周年庆之际,百牛信息技术bainiu.ltd特记录一下这个发展的历程,用于将来见证小程序发展的辉煌时刻,我们还能知道微信小程序除了腾讯,还有千千万万的码农为此而努力,小程序将来发展必然让很多小程序可以实现一键生成源码,或者你需要更加个性化的功能,也可以通过在线制作定制出功能更加强大的小程序,其实在线定制就是一个建模的过程,需要在线制作定制相关的人员,要懂一些技术,没有技术功底,即使有优秀的在线制作定制工具也完成不…

起源:最近小程序需要涉及到一些推广方面的功能,所以要写一个动态生成二维码用户进行下载分享,写完之后受益良多,特此来分享一下: 一.微信小程序动态生成保存二维码 wxml: <view class='second-code'> <view class="img-box"> <image bindtap="previewImg" mode="scaleToFill" src="{{imagePath}}&quo…

---恢复内容开始--- 微信小程序canvas生成并保存图片,具体实现效果如下图     实现效果需要做以下几步工作 一.先获取用户屏幕大小,然后才能根据屏幕大小来定义canvas的大小 二.获取图片(二维码)的宽高,并对图片进行等比例缩放在canvas绘制 三.文字的布局 四.将canvas内容生成图片并保存到本地 五.并图片保存到相册 具体实现代码如下 主逻辑 代码量比较多,分段来展示 /*页面data定义所需参数*/ data{ // canvas _width: 0, //手机屏宽 _…

第一次学用微信小程序,项目需要,被逼着研究了一下,功能是调用微信小程序的蓝牙功能,连接上智能车位锁,控制升降,大概步骤及调用的小程序接口API如下: 1.打开蓝牙模块 wx.openBluetoothAdapter(OBJECT) 2.搜索附近蓝牙设备 wx.startBluetoothDevicesDiscovery(OBJECT) 3.获取发现的所有蓝牙设备 wx.getBluetoothDevices(OBJECT) 4.连接上蓝牙设备 wx.createBLEConnection(OBJ…

微信小程序新闻列表功能(读取文件.template) 不忘初心,方得始终.初心易得,始终难守. 在之前的项目基础上进行修改,实现读取文件内容作为新闻内容进行展示. 首先,修改 post.wxml 文件,和 post.js 文件中,某些键值对键的名称. post.wxml修改后代码如下 <view> <swiper vertical='true' indicator-dots='true' autoplay='true' interval='5000'> <swiper-ite…

代码地址如下:http://www.demodashi.com/demo/12400.html 一.准备工作 软件环境:微信开发者工具 官方下载地址:https://mp.weixin.qq.com/debug/wxadoc/dev/devtools/download.html 基本需求 显示图书基本信息:名称.作者.描述.价格.数量. 点击复选框进行toggle操作.当前选中,则变成未选中:当前未选中,则变成选中. 图书数量的加减操作. 根据选中商品进行价格汇总. 全选/全不选. 目录结构 二…

最近需要在微信小程序中用到在线支付功能,于是看了一下官方的文档,发现要在小程序里实现微信支付还是很方便的,如果你以前开发过服务号下的微信支付,那么你会发现其实小程序里的微信支付和服务号里的开发过程如出一辙,下面我就具体说一下小程序里微信支付的开发流程和注意点.1.开通微信支付和微信商户号这个过程就和开通服务号的微信支付过程一样,没有什么可以说的.2.获得用户的openid首页我们需要在小程序的客户端js中获取当前用户的openid,通过调用wx.login方法可以得到用户的code,然后开发者服…

0. 前言 这两天刚好了解了一下微信小程序的蓝牙功能.主要用于配网功能.发现微信的小程序蓝牙API已经封装的很好了.编程起来很方便.什么蓝牙知识都不懂的情况下,不到两天就晚上数据的收发了,剩下的就是数据帧格式的定义,当然这部分就不是本次博客的重点.1. 准备硬件 这里我准备了CH341SER这个作为USB转串口.用sscom5.13.1 串口工具.由于我不太懂硬件开发.硬件部分都是由公司其他人开发的.我只是负责把环境搭建起来.然后负责我的微信小程序开发. 2. 开发小程序简单讲解 onLoad…

小程序支付,没有封装支付代码:直接上一段可用的流程代码吧:微信小程序支付官网文档有详细的说明,这里我就不再赘述啦:客户端js: wx.request({ url:'https://www.xxxx.com/order/store',//改成你自己的链接 header:{ 'Content-Type':'application/x-www-form-urlencoded' }, method:'POST', success:function(res){ console.log(res.data);…