收藏
回答

使用drawImage绘制图片,图片显示不全?

代码片段:https://https://developers.weixin.qq.com/s/itksKBmF7lfd

使用drawImage绘制图片,图片仅显示一小部分,原始图片:

显示状态:

实在找不到原因了,非常简单的代码:

JS:

const app = getApp()


Page({

  data: {

    isShowImage: true,

    clientwidth: 360,

    clientheight: 640,

    pixelratio: 3,

    ratio: 0,

    src: '/index/1.jpg'

  },

  onLoad: function () {

    var that = this;

    that.canvas = wx.createCanvasContext("image-canvas", that)

    that.canvas.drawImage(that.data.src, 0, 0, that.data.clientwidth, that.data.clientheight)

    that.canvas.draw()

  }

})


wxml:

<canvas canvas-id="image-canvas" style='width:{{clientidth}}px; height:{{clientHeight}}px;'></canvas>

最后一次编辑于  2020-03-04
回答关注问题邀请回答
收藏

2 个回答

  • Mr.Zhao
    Mr.Zhao
    2020-03-04

    记得要 copy 不要手打

    2020-03-04
    有用 1
    回复 1
    • 风无痕
      风无痕
      2020-03-04
      我晕,真是忙晕头了,非常感谢
      2020-03-04
      回复
  • cloud
    cloud
    2020-03-04

    2020-03-04
    有用
    回复
登录 后发表内容
问题标签