javascript - 动态更新矩形的宽度和高度

Question

我试图在单击提交时将矩形添加到父矩形。我希望在向父级添加新矩形时增加父级矩形的高度，以便子元素看起来像这样位于父级中:

$('.modeler_add_button').click(function (e)
{
    var parentValues = parent1.getBBox();
    var parentHeight = parentValues.height;
//    parent1.attr('height', parentHeight+25);
//    parent1.prop('height', parentHeight+25);
    parent1.set('height', parentHeight + 25);

    var newRect = new joint.shapes.tm.Actor({
        isInteractive: false,
        position: {x: pos.x + 1, y: pos.y + 25},
        size: {width: 120, height: 25},
        attrs: {
            text: {text: 'res', fill: 'black', 'font-weight': 'bold', 'font-size': 12},
            rect: {
                fill: '#F1F1F1', rx: 7, ry: 15, opacity: .80, 'stroke-width': 0, stroke: '#fff'
            }
        }
    });
    parent1.embed(newRect);
    graph.addCells([newRect]);
});

我尝试使用 element.set 和 element.attr 以及 element.prop 方法，但没有成功。我如何实现这一目标？

Answer 1

使用resize()修复了它jointjs的方法。