
在本教程中,我们将学习如何使用 FabricJS 查找图像的原始大小。我们可以通过创建fabric.Image的实例来创建一个Image对象。由于它是 FabricJS 的基本元素之一,我们还可以通过应用角度、不透明度等属性轻松自定义它。为了找到图像的原始大小,我们使用 getOriginalSize 方法。
语法
getOriginalSize(): Object
使用getOriginalSize方法
示例
在这个例子中,我们使用了getOriginalSize方法来获取图像的宽度和高度值。这里,返回的宽度和高度值分别是 311 和 82。
睿拓智能网站系统-睿拓企业网站系统1.2免费版软件大小:6M运行环境:asp+access本版本是永州睿拓信息企业网站管理系统包括了企业网站常用的各种功能,带完整的后台管理系统,本程序无任何功能限制下载即可使用,具体功能如下。1.网站首页2.会员注册3.新闻文章模块4.产品图片展示模块5.人才招聘模块6.在线留言模块7.问卷调查模块8.联系我们模块9.在线QQ客服系统10.网站流量统计系统11.后
Using the getOriginalSize method
You can open the console from dev tools to see that the logged output contains the height and width of the Image
![]()
使用 getOriginalSize 方法和 cropX 属性
示例
让我们看一下当 getOriginalSize 方法与 cropX 属性结合使用时记录的输出的代码示例。在这里,我们将值 50 传递给cropX。因此,我们的 Image 对象将在 x 方向上从原始图像大小裁剪 50px。然而,当我们使用getOriginalSize方法时,我们返回的宽度和高度值分别为311和82,这进一步证明getOriginalSize只会返回原始大小图片。
Using the getOriginalSize method along with cropX property
You can open the console from dev tools to see that the original size of the image will be returned regardless of having applied image cropping in xdirection









