javascript - canvas下图片失真

问题描述

问 题

用canvas画布画图，图片足够大，画布的大小小于图片的大小，直接把图drawImage进去，发现图片失真了，成锯齿状了，修改canvas的大小，跟图片一样大，才不失真，如何解决呢？

解决方案

将canvas的width height属性设为和图片一样大，然后使用css对canvas的设置width height来控制元素到你期望的显示大小。（希望你知道canvas的宽高和css中给canvas元素设的宽高是不一样的东西）

这篇关于javascript - canvas下图片失真的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！