你可以建議程序圖的小地圖組件庫嗎？

Question

我正在使用jsPlumb創建一個流程圖編輯器，我正在尋找實現這種類似於這樣的小地圖功能Screenshot。

你可以推薦如何使用或使用什麼插件？此外，我不使用畫布，而是它的jQuery + SVG + CSS作爲jsPlumb定義。

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}); 
});