canvas元素大小与绘图大小

（个人开发笔记）

canvas可以设置width和height，但是设置是只能是数字，不用带px。

通过css也可以设置canvas的大小，也可以直接设置canvas的width和height：canvas实际上有两套尺寸，一个是元素本身的大小，一个是元素绘图表面（drawing surface）的大小。

1. 当设置元素的width和height属性时，实际上同时修改了该元素本身的大小和元素绘图表面的大小。

2. 通过css来设定canvas元素的大小时，只会改变元素本身的大小，而不会改变元素绘图表面的大小

默认创建的canvas元素是300px宽，150px高。

设置宽为600，高为300的示例 设置宽为600，高为300的示例

设置宽为600，高为300，css设置宽为300px，高为150px的示例 设置宽为600，高为300，css设置宽为300px，高为150px的示例

用途：一般高清屏需要做画宽高二倍三倍的图，通过css设置一倍的宽高来保证清晰度。