Question

canvas.width和canvas.style.width的区别

Answer 1

canvas.width是canvas的属性

比如：有一个canvas:

意思就是id为canvas的画布  有属性width:450  height:150

上一句是获取属性，后一句是属性为style里面的样式，你可以理解为，所有的样式都是标签里面属性为style里面包含的属性。在测试一下：

这样就很直观了

PS：我的表达能力不怎么样，语言组织不行，你看2组图片的对比，应该就可以了，如果文字看了吃力的话

Answer 2

canvas标签的width和height是画布实际宽度和高度，绘制的图形都是在这个上面。而style的width和height是canvas在浏览器中被渲染的高度和宽度。
例子如下：
<canvas style="border:1px solid;" width="100px" height="100px"></canvas>
<canvas style="border:1px solid;width:200px;height:200px;" width="100px" height="100px"></canvas>