欢迎您访问 最编程 本站为您分享编程语言代码,编程技术文章!
您现在的位置是: 首页

Canvas元素的尺寸设定:width, height 属性与样式的 width, height 详解

最编程 2024-02-21 13:35:11
...

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

  1. 直接设置Canvas标签上的widthheight属性值;
  2. 通过CSS设置Canvaswidthheight;

 

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

  1. 当你设置标签的widthheight属性值时,控制的是Canvas的元素本身的宽高,和Canvas画布的宽高大小。同时设置定了两个值。
  2. CSS设置widthheight时,只仅仅控制了Canvas元素自身的宽高,而不会改变Canvas画布大小。

 

因此,可以通过样式来控制Canvas的大小,对画布的实际内容的进行缩放。