小程序canvas绘制图片不拉伸且居中

1.先获取图片的原始宽高

wx.getImageInfo()就可以拿到图片的原始宽高

注意:
以下该模式处于 mode: ‘aspectFill’ 状态下进行

宽等于高的图片

按照ui图设计 写死就可以了,不存在拉伸问题

宽大于高的图片

按照ui图 写死图片宽度,left = (canvas画布的宽度 - 图片宽度) / 2 ,

高大于宽的图片

按照ui图 写死图片高度,left = (canvas画布的宽度 - 图片高度/原图片宽高比) / 2


版权声明:本文为Kf_loseHair原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。