canvas绘图怎么设置配置并居中


这篇文章给大家分享的是有关canvas绘图怎么设置配置并居中的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。canvas绘图时drawImage,需要绘制的图片大小不同,比例各异,所以就需要像html+css布局那样,需要contain和cover来满足不同的需求。contain
保持纵横比缩放图片,使图片的长边能完全显示出来。也就是说,可以完整地将图片显示出来。图片按照contain模式放到固定盒子的矩形内,则需要对图片进行一定的缩放。原则是:如果图片宽高不等,使图片的长边能完全显示出来,则原图片高的一边缩放后等于固定盒子对应的一边,等比例求出另外一边,如果图片宽高相等,则根据固定盒子的宽高来决定缩放后图片的宽高,固定免费云主机域名盒子的宽大于高,则缩放后的图片高等于固定盒子的高度,对应求出另外一边即可,反之亦然。cover保持纵横比缩放图片,只保证图片的短边能完全显示出来。也就是说,图片通常只在水平或垂直方向是完整的,另一个方向将会发生截取。原理:按照固定盒子的比例截取图片的部分:感谢各位的阅读!关于“canvas绘图怎么设置配置并居中”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,让大家可以学到更多知识,如果觉得文章不错,可以把它分享出去让更多的人看到吧!

相关推荐: String中equals怎么重写

这篇文章主要为大家展示了“String中equals怎么重写”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“String中equals怎么重写”这篇文章吧。equals 方法作为 Object 类定义方法,Objec…

免责声明:本站发布的图片视频文字,以转载和分享为主,文章观点不代表本站立场,本站不承担相关法律责任;如果涉及侵权请联系邮箱:360163164@qq.com举报,并提供相关证据,经查实将立刻删除涉嫌侵权内容。

(0)
打赏 微信扫一扫 微信扫一扫
上一篇 08/20 12:45
下一篇 08/20 12:45

相关推荐