如何对任何fabric.js对象使用centeredScaling
对于任何fabric.js对象使用centeredScaling，可以按照以下步骤进行操作：
- 首先，确保已经引入了fabric.js库，并创建了canvas对象。
- 获取要操作的fabric.js对象，可以通过对象的ID或其他方式获取。
- 使用
setControlsVisibility方法来设置对象的控制点可见性，将参数设置为一个包含mt、mb、ml、mr、tl、tr、bl、br的对象，将这些属性的值都设置为false，以隐藏默认的控制点。 - 使用
setControlVisible方法来设置对象的中心控制点可见性，将参数设置为true，以显示中心控制点。 - 使用
setControlVisible方法来设置对象的缩放控制点可见性，将参数设置为true，以显示缩放控制点。 - 使用
setControlVisible方法来设置对象的旋转控制点可见性，将参数设置为false，以隐藏旋转控制点。 - 使用
setControlVisible方法来设置对象的移动控制点可见性，将参数设置为false，以隐藏移动控制点。 - 使用
setControlVisible方法来设置对象的角度控制点可见性，将参数设置为false，以隐藏角度控制点。 - 使用
setControlVisible方法来设置对象的skewX控制点可见性，将参数设置为false，以隐藏skewX控制点。 - 使用
setControlVisible方法来设置对象的skewY控制点可见性，将参数设置为false，以隐藏skewY控制点。 - 最后，使用
setControlsVisibility方法将以上设置应用到对象上。
这样，对于任何fabric.js对象，你都可以使用centeredScaling来实现缩放操作，同时保持对象的中心位置不变。
以下是腾讯云相关产品和产品介绍链接地址：
- 腾讯云云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 腾讯云云数据库 MySQL 版：https://cloud.tencent.com/product/cdb_mysql
- 腾讯云对象存储（COS）：https://cloud.tencent.com/product/cos
- 腾讯云人工智能：https://cloud.tencent.com/product/ai
- 腾讯云物联网平台（IoT Hub）：https://cloud.tencent.com/product/iothub
- 腾讯云移动开发平台（MTP）：https://cloud.tencent.com/product/mtp
- 腾讯云区块链服务（BCS）：https://cloud.tencent.com/product/bcs
- 腾讯云元宇宙：https://cloud.tencent.com/product/tencent-metaverse
相关·内容
我能够在我的fabric.js画布上绘制和添加文本。我已经为text对象设置了centeredScaling: true，但我希望将它们应用于所有对象，或者更确切地说，应用于任何选定的对象。我可以使用什么来为我的整个画布初始化它？
浏览 6提问于2018-01-30得票数 1
回答已采纳
我希望能够记录和捕获我的Fabric.js canvas的最新更改。目前，使用console.log(JSON.stringify(canvas));，我可以看到它推动背景色例如，但没有任何其他东西，如我添加的图纸，等等。 backgroundColor: 'white', isDrawingMode2px;
margin: 5
浏览 0提问于2018-02-28得票数 0
回答已采纳
1回答
在添加或删除文本时，如何使FabricJS画布上的文本对象从中心增长/收缩并双向展开？ fontFamily: 'arial black',
浏览 0提问于2017-04-29得票数 0
回答已采纳
2回答
是否可以使用Fabric.js计算画布中已经有多少对象？ top: 10, height: 100,
centeredScaling
浏览 5提问于2014-02-21得票数 3
回答已采纳
1回答
以下是我到目前为止取得的成果；请注意原始文本是如何清除的： var $ = function(id) { };
lockMovementY: true, originX: 'center', centeredScalingdddddd;
浏览 3提问于2017-10-29得票数 0
回答已采纳
我使用的是facjs1.7.21，并有一个添加文本的按钮。如何像使用单个IText对象一样将一组对象(例如多个可编辑的IText字段(请参见右侧)添加到画布中？lockRotation: true, originY: "center", align: "mid",
浏览 1提问于2017-12-30得票数 0
回答已采纳
1回答
我能够获得，并加载到一个画布，我的JSON (荣誉杜尔加)使用以下内容：var canvas = new fabric.Canvas('canvas', { centeredScaling: true,});
margin: 5px;}
<sc
浏览 0提问于2018-03-01得票数 0
回答已采纳
7回答
我观察到，我们不能在移动设备上通过滑动手指来滚动网页，因为我们使用的是链接到覆盖整个屏幕的布料的画布。网址： var canvas = new fabric.Canvas('canvas',{selection : false,controlsAboveOverlay:true,centeredScaling
浏览 26提问于2015-04-26得票数 10
1回答
是否有可用的工具使用户能够使用…？更改背景颜色、图像等，并允许将图像粘贴到画布的任何部分。删除画布上的自定义块添加文本块或图像块，并将位置拖动并更改到画布中的任何位置查看管理端的自定义卡和所有需要的属性以及就像每块文本或图像的元数据及其值一样
其主要目标是允许用户设计自定义卡
浏览 0提问于2014-09-12得票数 4
我的软件是一种带有画笔的像素艺术绘制程序，fabric.js经过了很大的修改，以便对fabric.js对象进行像素圆整平移(位置总是整数)，但是调整图像大小并使其像素与画布的比例为1:1仍然是一个问题。现在，fabric.js zoomToPoint函数被用来用鼠标轮缩放画布，当图像没有缩放时，它们的像素与画布相匹配，但当我缩放任何对象(或向上)时，像素不再与画布相匹配，因此对象的像素实际上比画布像素小或大当缩放时，图像的像素如何能以
浏览 27提问于2015-04-14得票数 0
回答已采纳
使用屏幕截图中的fabric.js将SVG加载到画布中有问题，您将看到边界框和图标不重叠：
问题似乎来自SVG中的以下属性值：transform="translate(-255.7-577)"。我很难( fabric.js)弄清楚如何调整SVG，这样就不会发生这种转换了。
任何指南，无论是特定于fabric.js的，还是只是一个本地画布方法，都将不胜感激。似乎找不出如何调整SVG对象中的路径。
浏览 1提问于2016-01-08得票数 1
回答已采纳
1回答
我有一个带有可寻址对象的画布，以及撤销和重做按钮。正如您在我的示例中所看到的，我可以撤消/重做1次，但是事情会变坏；我的意思是我可以添加一个对象并删除它，但是如果我移动添加的对象并点击undo，它应该移动到以前的位置，而不是从画布中消失。我正在使用fabric.js 1.7.22。 backgroundColor: 'grey&#
浏览 0提问于2018-02-23得票数 8
回答已采纳
在Fabric.js文档(或其他任何地方)中，我似乎找不到任何关于如何获取放置在画布上的某些文本的阴影颜色值的参考资料？
我对Fabric.js还很陌生。
浏览 16提问于2016-09-03得票数 1
1回答
我正在使用Fabric.js创建一个简单的油漆应用程序。我在实现中遇到问题的一个特性是桶工具.。对象可以使用Fabric.js和canvas.item(0).fill = "red"填充颜色，但是我希望能够填充两个objectsA，B的intersectionC。如有任何<
浏览 2提问于2014-02-07得票数 4
回答已采纳
使用Fabric.js，是否可以从画布外部触发"mousedown“、"move”和"mouseup“事件，例如使用jQuery ui滑块控件？我看不到任何方法来获取对每个对象的引用，以便从canvas外部触发它的事件。
浏览 14提问于2013-05-10得票数 0
回答已采纳
当我在保存时选择一个对象时，控件是可见的。如果选择将画布保存为图像，并选择对象，则如何禁用控件？？这样控件就不会一直保存到生成的PNG 中。 preserveObjectStacking: true, centeredScalingborder: 1px solid #dddd;}
<script src="h
浏览 0提问于2018-04-03得票数 1
回答已采纳
canvas.getWidth()/2, originX: 'center', centeredScalingJSON.stringify(canvas));};
<script src="https://cdnjs.cloudflare.com/ajax/libs/fa
浏览 5提问于2021-06-09得票数 0
回答已采纳
我有一个通过使用重度HTML5画布的应用程序。该应用程序是基于 1.x编写的，我计划将其移植到。我的应用程序允许编写文本和绘制线条、矩形和椭圆。还可以移动、放大、收缩、选择、剪切、复制和粘贴一个或多个这样的对象。还可以使用各种快捷键缩放和平移画布。简而言之，我的应用程序充分利用了Fabric.js。我找不到太多关于如何将Fabric.js与React一起使用的信息，所以我担心的是: 1.是否可以不进行重大修改；2.它是否有意义，或者我是否应该使用其他<
浏览 15提问于2016-06-01得票数 49
3回答
在设置image实例时，我尝试使用centeredScaling: true选项缩放图像。我有一个Circle对象，它是一个"on“滑块，应该是刻度。Circle对象的起始点没有正确关联正确地缩放图像(我猜我必须为此调整一些数学)请不要介意代码的草率=)
浏览 1提问于2015-01-05得票数 4
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
