如何删除锁定缩放结构JS

how to remove lockScaling fabricJS?

本文关键字：锁定 缩放 结构 JS 删除 何删除      更新时间：2023-09-26

我已经分配了object.lockScaling = true，当它达到特定宽度然后禁用缩放功能时。但是，我需要增加宽度，但不要减少超过特定宽度。怎么做？这是我的代码。

if(obj.getHeight() > obj.canvas.height || obj.getWidth() > obj.canvas.width){
              obj.lockScalingX=true
        }

我们在fabricjs中有一个scaling事件，所以我们可以使用它来实现这一点。你想要这样的东西..

var canvas = new fabric.Canvas("c");
var rect = new fabric.Rect({
  width:100,
  height:100
  })
canvas.add(rect)
canvas.on('object:scaling', function(options) {
  console.log(rect.getWidth());
  if(rect.getWidth() > canvas.getWidth() || rect.getHeight() > canvas.getHeight())
    {
      
      rect.lockScalingX=true
    }
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/fabric.js/1.5.0/fabric.min.js"></script>
<canvas id="c" width="300" height="200"></canvas>

相关文章：