javascript - 你能为流程图的小地图组件推荐库吗？

Question

我正在使用jsPlumb创建流程图编辑器，并且我正在寻找实现类似于此Screenshot的小地图功能。

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

Answer 1

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

插件： 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});
});