canvas.width 和 它的style.width是不一样的：

canvas是个画布，有他自己的宽和高（默认是没有单位的纯数字），就是canvas.width和canvas.height的宽和高，

行间样式里如果你用vh和vw设置宽高,不好意思，不可以，统统按照px计算，

css里可以用vw，vh。但是，请记住，这里设置的是style.属性;

js里用带有单位的字符串比如vw和vh还有px，设置width和height，还是不好意思，不好使，

这样就不好使！！！

(style属性是表现在页面上的样式，不是canvas的本身的属性。一定要注意。随意设置style的宽高直接导致的结果就是画画变形变形变形）

好了，那么怎么做比较好？

我的做法是，要想自适应屏幕的大小。  可以在css里设置width（就是style.width ）为vw单位的宽度；在js里获取它的width(canvas的属性)  然后赋值给 height。