HTML5使用canvas画图时,图片被自动放大模糊的问题

 最近在研究canvas技术,发现一个问题,就是所画图像会随着画布大小自动变换大小。原因如下

 <canvas id="cxt" style="width: 500px; height: 300px; background: #abcdef;"></canvas>

 使用了style属性 或者在页面中引入内嵌样式

<style>

  #cxt{ width: 500px; height: 300px; }

</style>

后来才发现canvas 元素只有如下设置宽度和高度才能正确控制图像大小

<canvas id="cxt" style=" background: #abcdef;" width= "500px" height= "300px"></canvas>

HTML5使用canvas画图时,图片被自动放大模糊的问题,古老的榕树,5-wow.com

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