控制Canvas的大小,有两种方式:
- 直接设置
Canvas标签上的width和height属性值; - 通过
CSS设置Canvas的width,height;
这两种方式,区别是很大的。
- 当你设置标签的
width,height属性值时,控制的是Canvas的元素本身的宽高,和Canvas画布的宽高大小。同时设置定了两个值。 - 而
CSS设置width,height时,只仅仅控制了Canvas元素自身的宽高,而不会改变Canvas画布大小。
因此,可以通过样式来控制Canvas的大小,对画布的实际内容的进行缩放。