canvas中drawImage竖图可以显示,横图始终显示不了,开发工具里可显示
发布于 7 年前 作者 taotian 11364 次浏览 来自 问答

 <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()

}

请问是什么原因

1 回复

体验版本

回到顶部