javascript - jquery panzoom 点击

Question

希望实现一个允许您放大 svg 元素的 jquery 插件。 https://github.com/timmywil/jquery.panzoom

我遇到的问题是当用户点击一个元素时实现缩放功能，同时使用框架中可用的“持续时间”参数。

一个例子

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

});

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

好像只调用zoom会放大，调用zoom带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
        });
});