mp_canvas_drawer icon indicating copy to clipboard operation
mp_canvas_drawer copied to clipboard

在PC和真机调试模式可以,但是真机不行

Open zojo77 opened this issue 5 years ago • 1 comments

PC完美,真机调试很慢(真的非常慢,iPhone se),但是能出来,但是真机出不来 wxml代码 <block wx:if="{{showShareImage}}"> <image src="{{shareImage}}" style="height: {{windowHeight}}px;top: {{scrollTop}}px;" class="share-image"></image> </block> <block wx:if="{{showSaveBtn}}"> <button class="saveImg" style="top: {{scrollTop+windowHeight-50}}px;" bindtap="eventSave">保存图片到相册</button> </block> <canvasdrawer painting="{{painting}}" bind:getImage="eventGetImage"/>

js代码 eventDraw () { wx.showLoading({ title: '绘制分享图片中', mask: true }) this.setData({ showShareImage:true, showSaveBtn:true, painting: { width: 375, height: 555, clear: true, views: [ { type: 'image', url: 'http://retail.26460000.com/share.jpeg', top: 0, left: 0, width: 375, height: 555 }, { type: 'image', url: '/image/sys/redlogo.png', top: 27.5, left: 35, width: 120, height: 60 }, { type: 'text', content: '大兴二手车', fontSize: 16, color: '#402D16', textAlign: 'left', top: 33, left: 160, bolder: true }, { type: 'text', content: '您值得信赖的二手车专家', fontSize: 15, color: '#563D20', textAlign: 'left', top: 59.5, left: 160 }, { type: 'image', url: this.data.car.releaseRetail.mainPicPath, top: 136, left: 42.5, width: 290, height: 186 }, { type: 'image', url: '/image/sys/8cm.jpg', top: 435, left: 50, width: 100, height: 90 }, { type: 'text', content: this.data.car.releaseRetail.spOneSentenceAd +" "+ this.data.car.releaseRetail.modelName, fontSize: 16, lineHeight: 21, color: '#383549', textAlign: 'left', top: 336, left: 44, width: 287, MaxLineNumber: 2, breakWord: true, bolder: true }, { type: 'text', content: '¥'+this.data.car.releaseRetail.internetPrice+"万", fontSize: 19, color: '#E62004', textAlign: 'left', top: 387, left: 44.5, bolder: true }, { type: 'text', content: '新车指导价:¥'+this.data.car.releaseRetail.newCarPrice+"万", fontSize: 13, color: '#7E7E8B', textAlign: 'left', top: 391, left: 140, textDecoration: 'line-through' }, { type: 'text', content: '长按识别图中二维码', fontSize: 14, color: '#383549', textAlign: 'left', top: 460, left: 165.5, lineHeight: 20, MaxLineNumber: 2, breakWord: true, width: 125 } , { type: 'text', content: '海量优质二手车', fontSize: 14, color: '#383549', textAlign: 'left', top: 480, left: 165.5, lineHeight: 20, MaxLineNumber: 2, breakWord: true, width: 125 } ] } }) }, eventSave () { var that = this; wx.saveImageToPhotosAlbum({ filePath: this.data.shareImage, success (res) { wx.showToast({ title: '保存图片成功', icon: 'success', duration: 2000 }) that.setData({ showShareImage: false, showSaveBtn:false }) } }) }, eventGetImage (event) { console.log(event) wx.hideLoading() const { tempFilePath, errMsg } = event.detail if (errMsg === 'canvasdrawer:ok') { this.setData({ shareImage: tempFilePath, showSaveBtn:true }) } },

zojo77 avatar Sep 10 '18 01:09 zojo77

解决了,painting中的image需要https

zojo77 avatar Sep 10 '18 03:09 zojo77