单击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);

});

这会放大，但不会使用提供的“持续时间”。

看起来只是调用缩放将放大，并且使用true参数调用缩放将缩小。但它似乎没有缩放到我的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
        });
});