- 使用canvas 2d画图时,网络图片本地下载后不显示?
将网络图片使用APIgetImageInfo / downloadFile下载下来,在画图时还是报错不显示 [图片] 这是调用代码 /**生成分享海报 */ ajaxcanvasImg:function(img){ let that = this; let url = img ? img :'图片的网络路径'; wx.getImageInfo({ src: url, //仅为示例,并非真实的资源 success(res) { console.log(res) $.canvasImg1('#canvas_poster', res.path, function (urlImg) { console.log(urlImg) }) } }) }, 这是封装的函数 /**画布分享链接的海报1 */ canvasImg1: function (template,img,callback){ let that = this; const query = wx.createSelectorQuery() query.select(template) .fields({ node: true, size: true }) .exec((res) => { const canvas = res[0].node const ctx = canvas.getContext('2d') const dpr = wx.getSystemInfoSync().pixelRatio ctx.scale(dpr, dpr) canvas.width = 442 * that.globalData.rpx canvas.height = 336 * that.globalData.rpx const image = canvas.createImage(); //创建image console.log(image) image.src = img; //指定路径为getImageInfo的文件 image.onload = () => { ctx.drawImage(image, 0, 0, 442 * that.globalData.rpx, 264 * that.globalData.rpx) //图片加载完成时draw } const image2 = canvas.createImage(); //创建image image2.src = '/images/icon/btn.png'; //指定路径为getImageInfo的文件 image2.onload = () => { ctx.drawImage(image2, 14 * that.globalData.rpx, (264 + 8) * that.globalData.rpx, 396 * that.globalData.rpx, 56 * that.globalData.rpx) //图片加载完成时draw } setTimeout(function () { wx.canvasToTempFilePath({ canvas: canvas, success(res) { callback(res.tempFilePath) } }) }, 200); }) },
2020-05-11 - 请问我获取到后端的二进制流图片数据,怎么转换成可以直接显示图片的url路径?
[图片] 我通过writerFile写入了watermarkInfo.jpg中 后续我要怎么把他转换为url路径 或者怎么显示出来图片啊
2019-08-27 - 请问 app.globalData 的生命周期
请问 app.globalData 的生命周期是什么。 什么时候产生 什么时候销毁 如果是不同的用户是否隔离
2018-08-08 - 小程序获取微信语言设置
我的小程序需要根据用户的微信语言设置自动转换到对应的中英文界面,如何实现?
2017-04-06 - 小程序支持友盟埋点检测用户行为吗
使用友盟文档中发送http请求的方法埋点,即把数据加密后发送到http://a.cnzz.com:80/dplusTrack,但是报错 XHR failed loading: GET "http://err.cnzz.com/404.html". 请问是不支持吗?
2017-12-18 - 自定义公众号菜单跳转到小程序的路径部分,参数是怎么带的,在小程序是怎么获取的
自定义公众号菜单跳转到的小程序路径部分,参数是怎么带的,在小程序是怎么获取的。。。。在线等,很急,谢谢了
2017-12-19