如何使用Fabric.js的三个API来调整画布的宽度和高度？

本文共计702个文字，预计阅读时间需要3分钟。

原文简介：使用Fabric.js创建画布时，可以在参数中配置画布的宽高。除了初始化时设置的宽度高度外，Fabric.js还提供了API供后期修改画布尺寸。

简要使用Fabric.js构建画布，参数可定义画布尺寸。Fabric.js支持API调整画布大小，支持后期修改尺寸。本文列举了Fabric.js中设置画布宽高的3个API。

本文简介

使用 Fabric.js 创建画布时，可以在参数里配置画布的宽高。

除了初始化时设置之外，Fabric.js 还提供了其他 api 供后期修改画布宽高。

本文列举了 Fabric.js 的3个 api 设置画布宽高。

这3个 api 虽然简单，但在实际开发中可能很重要。比如监听浏览器窗口缩放，动态调整画布的宽高。

如果想入门 Fabric.js 可以看 《Fabric.js从入门到膨胀》

环境说明

Chrome浏览器版本：96.0.4664.45

Fabric.js版本：4.6.0

我是在原生环境下开发的，同时也提供了一份 Vue3 环境下开发的代码（文末有链接）。