首页 > 代码库 > Canvas的width,height 和 样式中Canvas的width,height

Canvas的width,height 和 样式中Canvas的width,height

控制Canvas的大小,有两种方式:

1:直接设置Canvas标签上的书width,height属性值;

2:通过Css设置Canvas的width,height;

 

这两种方式,区别是很大的。

1:Canvas默认的画布宽高是300 * 150,当你设置标签的width,height属性值时,控制的是Canvas的元素本身的宽高,和Canvas画布的宽高大小。同时设置定了两个值。

2:而Css设置width,height时,只仅仅控制了Canvas元素自身的宽高,而不会改变Canvas画布大小。

 

因此,可以通过样式来控制Canvas的大小,和画布内容的缩放。

Canvas的width,height 和 样式中Canvas的width,height