canvas下图片失真

Question

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

Answer 1

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