show: function() { var that = this;var ctx = wx.createCanvasContext('firstCanvas'); wx.getImageInfo({ src: that.data.showPic,//showPic图片url success: function(res) { ctx.drawImage(res.path, 0, 0, 250, 250); ctx.draw(true); // Qr 是二维码的base64地址 /9... // Qr= "data...
实际上不是ctx.drawImage API无效, 而是安卓机ctx.setFillStyle 这个API设置透明无效,不要用这个API就好了,否则canvas就不显示了。
小程序调用绘图方法 drawImage,在微信开发者工具可以显示绘的图片,但上传到手机上就不行!!!图片URL 无论是http还是https都不以。前几天,我上传到手机预览还可以显示图片,今天同样代码,没改动过,就是不能显示了。小程序的canvas功能真是弱爆了!现在还有这 个BUG,无语。 回答关注问题邀请回答 收藏 分享 请登录 ...
// ctx.fillText(getid, that.data.windowWidth / 2, 150); 这个getid是数字,手机上也不显示,还报错,模拟器没问题 //that.data.drawImageUrl 就是下载到本地的图 ctx.drawImage(that.data.drawImageUrl, (that.data.windowWidth - 200) / 2, that.data.windowHeight - 250, 200, 200); ctx.draw(); ...
微信小程序canvas保存海报真机不显示 在开发者工具上正常显示,但是在真机或者手机预览的时候不显示。 解决方法 首先把你的网络路径改成临时路径 1 2 3 4 5 6 7 8 9 10 11 12 wx.downloadFile({ url: that.data.bgImgPath,//网络路径 success:function(res) {...
默认canvas 是无法获取图片的高度的,再者小程序里面没有 new Image()这个方法,只能通过标签组件image间接获取,所以我们需要在wxml中插入一个隐藏的标签image,隐藏方法我们设置display:none 或者hidden就可以了,注意不要wx:if, wx:if 不会触发bindload事件。
网上搜索一阵发现微信小程序的 canvas.drawImage 是不支持网络图片的,只支持本地图片。所以,任何的网络图片都需要先缓存到本地,再通过 drawImage 调用存储的本地资源进行绘制,缓存可以通过 wx.getImageInfo 和 wx.downloadFile 实现,这次选用了 wx.getImageInfo, wx.downloadFile 没有试过,不知道可不可以。
用canvas绘制图片的时候 模拟器上正常显示 但是真机上不显示 const ctx = wx.createCanvasContext('myCanvas') var imgUrl = 'https://ss2.bdstatic.com/70cFvnSh_Q1YnxGkpoWK1HF6hhy/it/u=1446459463,4116825017&fm=26&gp=0.jpg'; ctx.drawImage(imgUrl, 140, 300, 100, 100) ctx.draw(); 解决...
ctx.drawImage(Path, 140, 300, 100, 100) ctx.draw(false, function () { wx.canvasToTempFilePath({ canvasId: 'myCanvas', success: function (res) { console.log(res.tempFilePath) wx.previewImage({ urls: [res.tempFilePath] // 需要预览的图片http链接列表 ...