如何使用fabric.js禁用画布元素的缩放点？

Question

默认情况下，fabric.js元素带有8个点来缩放任何对象。但是我正在工作的应用程序要求不应允许在单个轴（水平或垂直）上进行拉伸。 我只想要角点，而不是侧面。

难道可能与fabric.js？

Answer 1

您可以使用object.lockUniScaling = true。
此外，您还可以自定义你的角落：http://fabricjs.com/customization

Answer 2

默认情况下，您无法创建它。但是你可以创建一些函数，如：如果width = x，那么height = y，在某些事件中x和y之间存在某种关系（比如“on：scaling”），则可以始终使宽度和高度保持一定比例。

Answer 3

是，

您可以使用object.setControlsVisibility()：http://fabricjs.com/docs/fabric.Object.html#setControlsVisibility

this.setControlsVisibility({ 
    mt: false, // middle top disable 
    mb: false, // midle bottom 
    ml: false, // middle left 
    mr: false, // I think you get it 
}); 

的jsfiddle例如：http://jsfiddle.net/Colmea/GjjJ8/1/（注意，是 '先生' 控制一个小错误在1.4.0版本中，在1.4.1中修复）。

或者您可以使用object.setControlVisible()：

object. setControlVisible('mt', false); // disable middle top control

注：这样只会隐藏控制和避免拖动它们。但要避免任何比例：使用lockScalingX和lockScalingY属性。

Answer 4

imgInstance.setControlsVisibility({ 
     mt: false, 
     mb: false, 
     ml: false, 
     mr: false, 
     bl: false, 
     br: false, 
     tl: false, 
     tr: false, 
     mtr: false, 
    }); 

更改“imgInstance”为您的对象。

@http://fabricjs.com/docs/fabric.Image.html