Question

canvas的宽高怎么自适应

Answer 1

把canvas当作一张图片就能理解了,你canvas的样式宽高改变了,但是canvas自身的宽高却是不变的,这两个宽高是不同的,两者的宽高比不同,对应的就是内容被拉伸. 不想内容变形,一个是维持canvas的样式宽高比跟画布的宽高比一致,另一个就是根据样式的

Answer 2

window.addEventListener("resize",resizeCanvas,false);functionresizeCanvas(){w=canvas.width=window.innerWidth;h=canvas.height=window.innerHeight;}链接：http://www.zhihu.com/question/36458228/answer/86728454