在使用canvas进行编写code时,避免不了要用到canvas的尺寸,而canvas的高宽有哪些?如何去使用呢?现在由我来讲解一下。

首先canvas是存在默认高宽的,当不编写canvas元素的高宽时,默认宽是300,高是150。

canvas是可以设置宽高的,如何设置呢?

  1. 直接在元素设置宽高;
  2. 在js中设置宽高;
  3. 在css中设置宽高,会存在内容被拉伸的情况,不建议在canvas元素中用css设置宽高,可以设置容器的宽高,canvas的宽高跟随即可(100%)。

接着是canvas.offsetWidth和canvas.offsetHeight,这两个属性下图中一目了然