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

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

 <canvas ></canvas>

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

<style>

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

</style>

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

<canvas ></canvas>