響應聯合js圖

即時通訊使用聯合js庫來創建一個html內部的圖，但我需要它作爲mi站點作出響應.Thing是，我把它放在一個java類的div裏面，打開並關閉驗證碼：響應聯合js圖

$('.open-down-up').click(function(){ 
    var nameMore = $(this).attr("name"); 
    var valMore = $(this).attr("value"); 
    if(valMore == 0){ 
     $(this).find('span').empty(); 
     $(this).find('span').append("&#9660;"); 
     $('div[id='+nameMore+']').slideDown("normal"); 
     $(this).attr("value","1"); 
    }else if(valMore == 1){ 
     $(this).find('span').empty(); 
     $(this).find('span').append("&#9658;"); 
     var n = nameMore.indexOf("process_process"); 
     $('div[id='+nameMore+']').slideUp("normal", function(){ 
      var n = nameMore.indexOf("process_process"); 
      if(n > -1){ 
       hide_panel_all(); 
      } 
     }); 
     $(this).attr("value","0"); 
    } 
});

所以，我已經嘗試過的東西，如：

var graph = new joint.dia.Graph; 

var paper = new joint.dia.Paper({ 
el: $('#modelCanvas'), 
gridSize: 10, 
height: $('#modelCanvas').height(), 
width: $('#modelCanvas').width(), 
gridSize: 1, 
model: graph, 
});

但它不工作...任何想法或做法我可以申請？

在此先感謝。

來源

2016-07-08 jsanchezs

您是否嘗試過解決方案http://stackoverflow.com/questions/29029390/how-to-make-jointjs-paper-responsive？ –

@WilfEngel是的，但沒有任何工作 – jsanchezs

我找到了一種方法，因此它可能是有益的人誰需要它（的調整響應）：

因此，有必要與窗口一起縮放整個紙，這樣，我們就可以創建一個JavaScript事件：

window.onresize = function(event) { 
     paper.setDimensions($('#your_div_id').width()); 
     paper.scaleContentToFit({minScaleX: 0.3, minScaleY: 0.3, maxScaleX: 1 , maxScaleY: 1}); 

};

使用聯合JS性能磨片基於該事件的格但隻影響寬度沿調整畫布，然後設置一個最大規模的X和Y軸。 Yopu當然可以根據需要調整它的條件。

希望它對我有幫助！

來源

2016-07-11 20:59:51 jsanchezs

回答

相關問題