HTML5 Canvas 的宽高

习惯性的把宽高写在了style中,发现画出的图与实例不一致,经过了拉伸,经查询得知:

  canvas跟其他标签一样,也可以通过css来定义样式,但需要注意的是:canvas的默认宽高为300px*150px,在css中为canvas定义宽高,实际上把宽高为300px*150px的画布进行了拉伸,这样得到的图形就是变性的效果,因此在canvas绘图时,应该在canvas标签中直接定义宽高。

<canvas width="400" height="300"></canvas>

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。