draw的callback函数外面包一层等待canvas渲染的时间,不同设备有部分差异,200毫秒基本都能满足
Component中canvas的draw回调函数无法进入- 当前 Bug 的表现(可附上截图) Component中canvas的draw回调函数无法进入, 只打印了1 - 预期表现 回调函数会进入,并打印1 和 2 - 复现路径 见Demo - 提供一个最简复现 Demo const context = wx.createCanvasContext('xx_canvas'); context.setFillStyle('red') context.fillRect(10, 10, 150, 100) console.log("1"); context.draw(false, function(e) { console.log("2"); // do something... wx.canvasToTempFilePath({ x: 0, y: 0, width: 650, height: 960, canvasId: 'xx_canvas', fileType: 'png', success: function (res) { let pic = res.tempFilePath; console.log(pic); wx.previewImage({ urls: [res.tempFilePath], }) } }); }) 只打印了“1”,未打印2.
2019-01-07参考回答 canvas绘图怎么匹配多个手机型号 使用rpx
用canvas画海报图时如何控制在不同的手机上位置自适应[图片] 画的图片 跟字体 不在一条水平线上 而且不同的机型 图片位置变化也不一样 ,求大神指点
2019-01-04canvas是使用px作为单位的,匹配多个手机型号需要用rpx按比例转化成px,这是我写的,e是获取的设备信息,基本满足使用 [代码]ratioRPX(e) {[代码][代码] [代码][代码]return[代码] [代码]e.screenWidth <= 320 && 0.426 ||[代码][代码] [代码][代码]e.screenWidth <= 360 && 0.48 ||[代码][代码] [代码][代码]e.screenWidth <= 375 && 0.5 ||[代码][代码] [代码][代码]e.screenWidth <= 395 && 0.526 ||[代码][代码] [代码][代码]0.552[代码][代码] [代码][代码]}[代码]
canvas绘图怎么匹配多个手机型号 使用rpxlet canvas = wx.createCanvasContext("shareCanvas"); //绘制背景 canvas.drawImage(res[1].path, 0, 0, 301, 420); canvas.save(); //绘制二维码 canvas.drawImage(res[0].path, 108, 262, 85, 85); //绘制文字 canvas.font = "normal bold 20px sans-serif"; canvas.fillStyle = "#fff"; canvas.setTextAlign("center"); canvas.fillText("您的好友“" + this.wechat + "”", 150, 40); canvas.fillText("送你20元红包", 150, 65); canvas.draw();
2019-01-04[代码]用wx.getImageInfo获取,会返回本地的图片路径,可用于显示、转发、canvas绘制图片等[代码]
image组件src为网络地址(云文件ID),加载完成后如何获得图片的保存路径- 需求的场景描述(希望解决的问题) 分享的时候想把云文件图片做为imageUrl,目前分享并不支持云文件ID,image组件加载图片完成后,是否可以获取到图片文件的路径,以供分享使用
2019-01-04