HTML5技术

Canvas的width,height 和 样式中Canvas的width,height - 梦影雾花,尽是虚空

字号+ 作者:H5之家 来源:H5之家 2016-09-24 16:00 我要评论( )

控制Canvas的大小,有两种方式: 1:直接设置Canvas标签上的书width,height属性值; 2:通过Css设置Canvas的width,height; 这两种方式,区别是很大的。 1:Canvas默认的画布宽高是300 * 150,当你设置标签的width,height属性值时,控制的是Canvas的元素本

控制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的大小,和画布内容的缩放。

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • Canvas——使用定时器模拟动态加载动画! - li_han

    Canvas——使用定时器模拟动态加载动画! - li_han

    2016-09-23 15:00

  • canvas对象arc函数的使用-遁地龙卷风 - 遁地龙卷风

    canvas对象arc函数的使用-遁地龙卷风 - 遁地龙卷风

    2016-09-07 15:00

  • canvas对象arcTo函数的使用-遁地龙卷风 - 遁地龙卷风

    canvas对象arcTo函数的使用-遁地龙卷风 - 遁地龙卷风

    2016-09-07 10:00

  • 【高级功能】使用canvas元素(第一部分) - Luka.Ye

    【高级功能】使用canvas元素(第一部分) - Luka.Ye

    2016-08-27 10:00

网友点评
n