jsplumb超出界面宽度如何设置绘制的线条跟随滚动条滚动?
问题描述:
使用jsplumb绘制了一个流程图,当内容比较多的时候会超出界面宽度外。给最外层的div设置了超出显示滚动条。发现拉动滚动条的时候通过jsplumb绘制的那些连线不会跟随滚动条动的。查看元素发现,它们居然是被放置在了标签下面,所以导致了我在绘制框那里加滚动条无法影响到它。查了一下文档, 说jsPlumb.setContainer可以设置父容器。但是设置了也是没有啥变化。请问这个有什么好的解决方法吗?
jsPlumb.ready(function () {
var common = {
isSource: false,
isTarget: false,
connector: ['Flowchart'],
maxConnections: -1,
RenderMode : "canvas",
}
jsPlumb.setContainer($("#diagramContainer"));
var j = jsPlumb.getInstance({
Endpoint: ["Dot", {radius: 3}], //这个是控制连线终端那个小点的半径
});
j.addEndpoint('Aid',{uuid:'A' , anchor: "BottomCenter"},common);
j.addEndpoint('Bid',{uuid:'B',anchor:'TopCenter'},common);
j.connect({
uuids:['A','B'],
paintStyle: { stroke: '#0099cc', strokeWidth: 2 },
endpointStyle: { fill: 'blue', outlineStroke: 'darkgray', outlineWidth: 0 },
});
}
下一节:antd按需加载为什么仍然很大?
按照推荐的按需加载:{ "presets": [ "env", "react", "stage-0" ], "plugins": [ [ "import", { "libraryNam ...
|