我有2个矩形。当小矩形移动到较大矩形的外部时,我希望边界外的小矩形区域不可见。防止Fabric JS对象可见边界
如果小矩形的一半在里面,一半在外面。然后只有一半可见,这example这样工作。
我该如何做到这一点?
(function() {
var canvas = this.__canvas = new fabric.Canvas('canvas');
fabric.Object.prototype.transparentCorners = false;
// create a rectangle with a fill and a different color stroke
var rect = new fabric.Rect({
left: 50,
top: 50,
width: 150,
height: 250,
fill: 'transparent',
stroke: 'rgba(34,177,76,1)',
strokeWidth: 1
});
var rect2 = new fabric.Rect({
left: 50,
top: 50,
width: 50,
height: 50,
fill: 'rgba(34,50,100,1)',
stroke: 'rgba(34,177,76,1)',
strokeWidth: 1
});
canvas.add(rect);
canvas.add(rect2);
})();
例这里可与这样:
@ moáois不,我会用1.7.9实际上,我会更新jsfiddle – HOY