收藏
回答

canvas中drawImage竖图可以显示,横图始终显示不了,开发工具里可显示

问题模块
API和组件


 <canvas< p=""></canvas<>

           class="cropper"

           disable-scroll="true"

           bindtouchstart="touchStart"

           bindtouchmove="touchMove"

           bindtouchend="touchEnd"

           binderror="cropperErrorCallback"

           canvas-id="cropper">

   


在选择图片后

wx.getImageInfo({

src,

success (res) {

       that.drawImage(src, res)

     },

     fail(err){

       app.error('加载图片失败')

       app.log('加载图片失败', err)

     }

   })


奇怪的是下面

drawImage(src, res){

if(needRoute){

//这里对横图进行旋转绘制,但发现图片显示不了, 于是测试后面一名,不旋转直接绘制,结果依然显示不了

     //ctx.translate(clientWidth/2>>0, clientHeight/2>>0)

     //ctx.rotate(90 * Math.PI / 180)

     //ctx.drawImage(src, - imgHeight/2, - imgWidth/2, imgHeight, imgWidth)

     ctx.drawImage(src, 0, 0, 200, 200 * res.height / res.width )

     app.log('drawImage', src, 0, 0, 200, 200 * res.height / res.width)

   }else{

     ctx.drawImage(src, x, y, imgWidth, imgHeight)  //竖图时 这个可以显示

   }

   ctx.draw()

}


请问是什么原因

最后一次编辑于  2017-05-03  (未经腾讯允许,不得转载)
回答关注问题邀请回答
收藏

1 个回答

  • 张波
    张波
    2017-05-03

    体验版本


    2017-05-03
    赞同
    回复