您能为流程图的最小映射组件推荐库吗

Can you suggest library for minimap component for process diagram?

本文关键字：组件 映射 流程图      更新时间：2023-09-26

我正在使用jsPlumb创建流程图编辑器，我希望实现类似屏幕截图的最小映射功能。

你能建议HOW-TO或使用什么插件吗？此外，我没有使用画布，而是使用jsPlumb定义的jquery+SVG+css。

试试这个插件，他们甚至有一个JsPumpt 的例子

插件：http://www.magnoliyan.com/mini-map/

示例：http://www.magnoliyan.com/mini-map/demos/window.html

//init jsPlumb toolkit
jsPlumb.bind("ready", function() {
    jsPlumb.setRenderMode(jsPlumb.SVG);
    jsPlumbDemo.init();
    // make all the element divs draggable
    jsPlumb.draggable(jsPlumb.getSelector(".element"), {
        stop: function( event, ui ) {
            //update MiniMap after an element is moved
            $(window).mgMiniMap('update');
        }
    });
});
$(window).load(function(){
    //init MiniMap
    $(window).mgMiniMap({elements: '.element',draggable: true});
});
相关文章：