点击jquery panzoom点击

Question

寻找实现一个jQuery插件，它允许你放大svg元素。 https://github.com/timmywil/jquery.panzoom

我遇到的问题是当用户点击某个元素时使用缩放功能，而在框架中使用'duration'参数。

一个例子

var $section = $('section').first(); 
      $panzoom = $section.find('.panzoom').panzoom({ 
       contain: false, 
       minScale: 1, 
       maxScale: 3, 
       contain: true, 
       duration: 1200 
      }).panzoom('zoom', true); 

一些HTML

<element class='test'/> 

有些单击处理

$('.test').on('click' function(){ 

    $panzoom.panzoom("zoom", 2.5); 

}); 

这将放大，但它不会使用 '持续时间' 提供。

它看起来只是调用缩放将放大，并用真实参数调用缩放将缩小。但它似乎并没有放大到我的maxScale。

//in 
    $panzoom.panzoom("zoom"); 
//out 
    $panzoom.panzoom("zoom", true); 

Answer 1

只是一个猜测，但是从API，我希望呼吁更多像这样...

...先设定选择...

var $section = $('section').first(), 
    $panzoom = $section.find('.panzoom'); 

...以后在...

$('.test').on('click' function(){ 
    $panzoom.panzoom("zoom", 2.5, { 
      contain: false, 
      minScale: 1, 
      maxScale: 3, 
      contain: true, 
      duration: 1200 
     }); 
});