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