1.
var headerbg = “…/img/header.png”
var headerimg = app.globalData.userInfo.avatarUrl; //这个是用户头像
var ctx = wx.createCanvasContext(‘header’);
ctx.drawImage(headerbg, 0, 0, 30, 45);
ctx.drawImage(headerimg, 3, 2, 24, 24);
ctx.draw();
这样在模拟器上可以将用户头像显示出来,但是不知道为什么真机上出不来用户头像,另一个图片没有问题。
2.
wx.canvasToTempFilePath({
canvasId: ‘header’,
success: function (res) {
console.log(res.tempFilePath)
}
})
我想把当前画布的内容导出生成图片,并返回文件路径,路径是返回出来了,但是查看路径下的图片是空白的(用模拟器点开console下返回的路径),什么都没有。这个是要用其他办法来显示图片吗?
用了
wx.saveFile({
tempFilePath: res.tempFilePath,
success: function (res) {
var savedFilePath = res.savedFilePath
console.log(savedFilePath)
}
方法也一样,查看路径下的图片也是空白的
3. canvas能不能将图片切割为圆形啊?