canvas绘图怎么设置配置并居中
导读：本文共2171字符，通常情况下阅读需要7分钟。同时您也可以点击右侧朗读，来听本文内容。按键盘←（左） →（右） 方向键可以翻页。
摘要： canvas绘图时drawImage，需要绘制的图片大小不同，比例各异，所以就需要像html+css布局那样，需要contain和cover来满足不同的需求。contain保持纵横比缩放图片，使图片的长边能完全显示出来。也就是说，可以完整地将图片显示... ...
音频解说
目录
(为您整理了一些要点),点击可以直达。
canvas绘图时drawImage，需要绘制的图片大小不同，比例各异，所以就需要像html+css布局那样，需要contain和cover来满足不同的需求。
contain
保持纵横比缩放图片，使图片的长边能完全显示出来。也就是说，可以完整地将图片显示出来。
图片按照contain模式放到固定盒子的矩形内，则需要对图片进行一定的缩放。
原则是：
如果图片宽高不等，使图片的长边能完全显示出来，则原图片高的一边缩放后等于固定盒子对应的一边，等比例求出另外一边，
如果图片宽高相等，则根据固定盒子的宽高来决定缩放后图片的宽高，固定盒子的宽大于高，则缩放后的图片高等于固定盒子的高度，对应求出另外一边即可，反之亦然。
cover
保持纵横比缩放图片，只保证图片的短边能完全显示出来。也就是说，图片通常只在水平或垂直方向是完整的，另一个方向将会发生截取。
原理：
按照固定盒子的比例截取图片的部分：
本文：
canvas绘图怎么设置配置并居中的详细内容，希望对您有所帮助，信息来源于网络。