Fabric.js 3个api设置画布宽高

本文简介

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

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

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

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

Fabric.js 3个api设置画布宽高_第1张图片

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



环境说明

Chrome浏览器版本:96.0.4664.45

Fabric.js版本:4.6.0

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



实际操作

本例使用了3个 api






仓库及推荐阅读

仓库


推荐阅读

你可能感兴趣的:(Fabric.js 3个api设置画布宽高)