1

希望实现一个 jquery 插件，它允许您放大 svg 元素。 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 会放大，而使用 true 参数调用 zoom 会缩小。然而，它似乎并没有放大到我的 maxScale。

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

1 回答 1

2

只是一个猜测，但从 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
        });
});
于 2016-03-07T04:39:16.817 回答