每个要绘制的子元素都需要加my_draw_canvas类,文字部分给标签加上data-type="text" data-text="测试文本",图片加data-type="image" data-url="https://测试链接",图片的data-url需要外网能访问到。
Wxml2Canvas有的手机把图片下载到手机后发现背景色全是黑色,但是文字都能显示,咋回事?有点急import Wxml2Canvas from 'wxml2canvas'; export default { methods: { drawMyCanvas() { uni.showLoading({ title: '下载中...' }); const that = this; const query = uni.createSelectorQuery().in(this); query .select('#my-canvas') .fields( { // 选择需要生成canvas的范围 size: true, scrollOffset: true }, (data) => { let width = data.width; let height = data.height; that.width = width; that.height = height; setTimeout(() => { that.startDraw(); }, 1500); } ) .exec(); }, startDraw() { console.log(2); let that = this; // 创建wxml2canvas对象 let drawMyImage = new Wxml2Canvas( { element: 'myCanvas', // canvas的id, obj: that, // 传入当前组件的this width: that.width * 2, height: that.height * 2, progress(percent) { // 进度 // console.log(percent); }, finish(url) { console.log(url); // 生成的图片 uni.hideLoading(); setTimeout(() => { that.savePoster(url); }, 500); }, error(res) { // 失败原因 console.log(res); uni.hideLoading(); } }, this ); let data = { // 获取wxml数据 list: [ { type: 'wxml', class: '.my_canvas .my_draw_canvas', // my_canvas要绘制的wxml元素根类名, my_draw_canvas单个元素的类名(所有要绘制的单个元素都要添加该类名) limit: '.my_canvas', // 要绘制的wxml元素根类名 x: 0, y: 0 } ] }; // 绘制canvas drawMyImage.draw(data, this); }, savePoster(imgUrl) { console.log(3, imgUrl); const that = this; uni.saveImageToPhotosAlbum({ filePath: imgUrl, success: function () { uni.showToast({ title: '保存成功', icon: 'none', duration: 1500 }); }, fail(err) { if ( err.errMsg === 'saveImageToPhotosAlbum:fail:auth denied' || err.errMsg === 'saveImageToPhotosAlbum:fail auth deny' || err.errMsg === 'saveImageToPhotosAlbum:fail authorize no response' ) { uni.showModal({ title: '提示', content: '需要您授权保存相册', showCancel: false, success: (modalSuccess) => { uni.openSetting({ success(settingdata) { if (settingdata.authSetting['scope.writePhotosAlbum']) { uni.saveImageToPhotosAlbum({ filePath: imgUrl, success: function () { uni.showToast({ title: '保存成功', icon: 'success', duration: 2000 }); } }); } else { uni.showToast({ title: '授权失败,请稍后重新获取', icon: 'none', duration: 1500 }); } } }); } }); } } }); } } };
2天前access_token拼接在url后 https://developers.weixin.qq.com/miniprogram/dev/OpenApiDoc/mp-access-token/getAccessToken.html
发货信息录入接口48001,权限如何配置?接口:https://api.weixin.qq.com/wxa/sec/order/upload_shipping_info 接口出参:{"errcode":48001,"errmsg":"api unauthorized rid: 6731ade3-64018fd5-7abebf76"} appid:wxf8d877552ebe9b3d
2天前https://pay.weixin.qq.com/wiki/doc/apiv3_partner/apis/chapter7_4_3.shtml
分账完成后,能退回重新计算进行分账吗?接口:请求URL:https://api.mch.weixin.qq.com/v3/ecommerce/profitsharing/returnorders 如果不能,那有什么解决方案呢?
2天前你往上滑一下就能看到示例了
微信公众号消息跳转小程序需要传什么样的参数?https://developers.weixin.qq.com/doc/offiaccount/Message_Management/Template_Message_Interface.html [图片]
星期五 18:20扫普通链接二维码打开小程序 二维码规则填 pagoda.com.cn/scan+'你们自己定义的规则{role}' 功能页面填 pages/index/index 后端传参: path='http://pagoda.com.cn/{role}?a=1&b=2' //这里确定参数为两个可以传path='http://pagoda.com.cn/{role}?1-2',前端少做一次split 前端处理: onLoad(query) { const q = decodeURIComponent(query.q) // 获取到二维码原始链接内容 //q为'http://pagoda.com.cn/role?a=1&b=2' const scancode_time = parseInt(query.scancode_time) // 获取用户扫码时间 UNIX 时间戳 }
小程序URL书写,参数传递?您好,我是一名后端开发人员。 现有一个业务需求:微信APP扫描普通URL的二维码后,需要跳转到对应小程序的页面,页面地址【pages/index/index】,并且还要传递参数。 我现有如下疑问: 1.这个普通的URL的样式如下【http://pagoda.com.cn/scan?参数1=值1&参数2=值2】,那么我们在小程序开发设置中该如何写这个URL? 2.小程序的URL,可以如何书写,比如我的appid=wx1fxxxxxxxxx,页面地址=pages/index/index,还需要传递参数,这个URL该如何组装? 3.扫描普通URL的二维码后,我们获取到了小程序的URL,这个时候需要如何书写跳转到对应的小程序页面? 谢谢,盼回复。
星期五 17:25分的不是很包
请问小程序代码体积过大 有什么好的办法吗?小程序已经进行了部分分包及压缩代码等操作,主包的体积还是过大,有没有大佬知道解决办法呀#小程序
星期五 16:59这是识别成接口请求了吧,规则跟api的路径分开好一点
实现普通二维码扫码功能时,不显示页面,显示扫码获取的Json文件内容?我做了一个网站,网站生成二维码,具体如下: var absoluteUri = $"{request.Scheme}://{request.Host}/api/v1/admin/FireExtinguisherRepareInfo/ViewForm/"+id; 然后微信做扫码小程序, onLoad:function(e) { console.log('e:'+e); this.id=e.id; if(!this.id) var uri = decodeURIComponent(e.q); //const scancode_time = parseInt(e.scancode_time) // 获取用户扫码时间 UNIX 时间戳 console.log('uri:'+uri); //console.log('time:'+scancode_time); this.getData(this.id); }, methods: { async getData(id){ var path=base.host+`/api/v1/admin/FireExtinguisherRepareInfo/ViewForm${(id ? '/' + id : '')}`; const res=await request(path); //console.log('res:'+res); this.form=res.data.form; //console.log('form:'+this.form); }, } 二维码规则配置如下:[图片] 本地做的扫码结果应该如下: [图片] 实际显示结果:[图片]
星期五 16:56看不清
微信模板消息失败提示 模板消息发送失败,请检查字段是否满足字段要求,错误码:invalid crehttps://developers.weixin.qq.com/doc/offiaccount/Message_Management/Template_Message_Interface.html
星期五 16:42?
小程序授权给第三方,再取消授权,有时候三方会收不到回调是怎么回事?小程序授权给第三方,再取消授权,有时候三方会收不到回调是怎么回事?
星期五 16:29openid传的哪个用户
小程序物流信息 调用follow_waybill 返回40003?rid:672db99a-62c30628-26e0fa2b'
星期五 16:23