canvas使用上问题
发布于 6 年前 作者 wei38 8407 次浏览 来自 问答

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能不能将图片切割为圆形啊?

1 回复

楼主问题解决的吗,我也遇到同样的问题了

回到顶部