Kineticjs 根据内容设置组宽度

Kineticjs 根据内容设置组宽度,kineticjs,Kineticjs,我想使用KineticJs,我正在编写一个函数,类似于position:absolute;右:…px对于使用kineticJS的元素组,我喜欢这样: right : function(dist){ this.x(250-this.width()-dist); } 250是容器宽度 但是group元素的宽度是0,即使我使用group.addimage。 我想知道是否有一种方法可以获得组的宽度,在这种情况下,它将是组中图像的宽度。 关于您可以创建一个函数,根据组的子级大小调

我想使用KineticJs,我正在编写一个函数,类似于position:absolute;右:…px对于使用kineticJS的元素组,我喜欢这样:

right : function(dist){
        this.x(250-this.width()-dist);
    }
250是容器宽度 但是group元素的宽度是0,即使我使用group.addimage。 我想知道是否有一种方法可以获得组的宽度,在这种情况下,它将是组中图像的宽度。
关于

您可以创建一个函数,根据组的子级大小调整组的大小:

示例代码和演示:

function resizeGroupToContents(group){
    var width=0;
    var height=0; 
    group.getChildren().each(function(node){
        var right=node.x()+node.width();
        if(right>width){width=right;}
        var bottom=node.y()+node.height();
        if(bottom>height){height=bottom;}
    });
    group.width(width);
    group.height(height);
    layer.draw();
}