关于canvas的宽高

canvas元素默认宽 300px, 高 150px, 设置其宽高可以使用如下方法：
方法一：

<canvas width="500" height="500"></canvas>

方法二：使用HTML5 Canvas API操作

canvas.width = 500;
canvas.height = 500;

若通过如下方法设置宽高，那么Canvas元素将由原来大小被拉伸到所设置的宽高：
使用CSS 会被拉伸

 canvas｛
     width:500px;
     height:500px;
 ｝

写在行间样式中的 style="" 里面，也会产生拉伸的情况。
使用HTML5 Canvas API操作style属性，会被拉伸

canvas.style.width = "500px";
canvas.style.height = "500px";

用jquery的$("#id").width(500);会被拉伸

其它：canvas的width和height也不能用百分比表示。canvas会将百分值当成数值显示