收藏
回答

canvas如何导入缩放的图片,让它自适应.

我弄了个图片进去.1080*1920的,但是我的canvas没那么大.

什么办法能缩放图片让他全部到canvas显示呢?

var context = wx.createCanvasContext('mycanvas')
    context.drawImage(this.data.fromdata.basepic, 0, 0,1080, 1980);
    context.scale(1/2, 1/2);

完全不生效啊

要的这个效果.



结果的效果是这样了.


回答关注问题邀请回答
收藏

2 个回答

  • 小亮
    小亮
    2018-03-15

    drawImage用的是px,  

    canvas我用的是rpx

    导致出现的显示不全。解决办法:


    var res = wx.getSystemInfoSync();

    var radio = res.screenWidth/750;//rpx和px的转换比

    ctx.drawImage('../../assets/card.jpeg', 0, 0, that.data.width * radio, that.data.height * radio);//图片要乘屏幕像素比;


    2018-03-15
    有用 1
    回复 1
    • 旋律🎶
      旋律🎶
      2020-08-07
      我试了你的用法,还是不管用
      2020-08-07
      回复
  • 旋律🎶
    旋律🎶
    2020-08-07

    还是不管用

    2020-08-07
    有用
    回复
登录 后发表内容