停止拖动元素超出纸张div

Question

以下是jointjs的图表表示示例。 我正面临一个问题;有任何方法可以阻止元素/节点直到div边界。我的意思是，元素/节点不应该进入div。它应该停在div的边界 正如你在第二张图片中看到的那样;元素/节点可以在div中拖动。

实际结果

拖动元素/节点

后的结果

这是纸质代码：

var paper = new joint.dia.Paper({
                el: $('#paper'),
                width: 3000,
                height: 3000,
                gridSize: 1,
                model: graph,
                perpendicularLinks: true

            });

元素创建代码：

return new joint.shapes.basic.Rect({
                        id: node.id.toString(),
                        size: { width: width, height: height },
                        attrs: {
                            text: { 
                              text: finalNameNode, 
                              'font-size': letterSize, 
                              'font-family': 'Inspira',
                              'x-alignment': 'middle',
                              fill:'white'},
                            rect: {
                                width: width, height: height,
                                rx: 5, ry: 5,
                                stroke: '#555',
                                fill: '#026cb6' 
                            }
                        }
                    });

请建议我必须做同样的事情。我是否应该在纸质文件中设置一些东西，或者我必须在元素中添加一些内容。