javascript - 在jointJS中获取外部元素来扩展论文

标签 javascript jointjs

我想展开纸张,以防用户将元素移动到底部或右边框:

var paper = new joint.dia.Paper({
    el: $('#canvas'),
    width: 801,
    height: 496,
    model: graph
});

rect.on('change:position', function(evt, pos) {
    if (pos.y > 400) { height = pos.y + 96; }
    else { height = 496; }

    if (pos.x > 680) { width = pos.x + 121; }
    else { width = 801; }

    paper.setDimensions(width, height);
});

这仅适用于单个元素。但如果已经有另一个元素,这就不起作用了。

所以我需要找到具有最高 x 或 y 值的元素。这意味着我搜索纸张最右侧或底部的元素。然后我会将其放入另一个 if 子句中。

我想过使用paper.findViewsInArea(rect),但我真的不知道如何获得我需要的结果。

最佳答案

您不必使用setDimensions()。只需做类似的事情

rect.on('change:position', function(evt, pos, y) {
    paper.fitToContent({
        minWidth: 801,
        minHeight: 496
    });
});

关于javascript - 在jointJS中获取外部元素来扩展论文,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33188317/

相关文章:

javascript - 通过 web 使用 jointjs 绘制线条

javascript - JS UNDO DOM 修改

javascript - JointJS中元素如何访问position、inPorts、outPorts?

javascript - 我可以像任何其他库一样将 JointJS 作为 AngularJS 模块注入(inject)吗?

javascript - JavaScript 是否有类似 CDI 的机制

jointjs - 新手 : hello world using jointjs

javascript - 如何在 jointJS 中添加新的检查器(除了元素和链接的检查器) - Raappid

javascript - 将 JavaScript 函数重写为类方法? ( typescript 可能)

javascript - 对象或方法链在 jQuery 中如何工作?

javascript - 显示投票数最多的数组