如何在另一个对象中绘制一个对象，而不是移动到该对象之外

Question

我正在使用fabric js，我想在画布中绘制两个对象，当第二个对象被绘制时，它应该被绘制在第一个对象中，并且永远不会移动到第一个对象之外。我已经尝试过这个代码

 $(document).ready(function () {
    var canvas = new fabric.Canvas('demo');
    var rec = new fabric.Rect({
        width: 200,
        height: 100,
        top: 10,
        fill: 'blue',
    });
    rec.name = 'aaa';
    canvas.add(rec);


    canvas.on('object:moving', function (e) {
        var h = rec.top;
        var w = rec.width;

        var obj = e.target;
         obj.setCoords();   
        var rect = obj.getBoundingRect;

        if(rect > h){

            rect.top = Math.max(rect.top, rect.top-rect.getBoundingRect().top);
          //  alert(rect.top);

        }

    });
var text=new fabric.IText('Jayesh');
canvas.add(text);
});

提前致谢。请帮忙