javascript - 如何使用 Fabric.js 禁用 Canvas 元素的缩放点？

Question

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

fabric.js 可以吗？

Answer 1

是的，

您可以使用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 版本中存在“mr”控件的小错误，已在 1.4.1 中修复)。

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

对象。 setControlVisible('mt', false);//禁用中间顶部控件

注意:这只会隐藏控件并避免拖动它们。但要避免任何缩放:使用 lockScalingX 和 lockScalingY 属性。