最近在研究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>