我已经分配了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>