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