jquery panzoom 插件默认缩放？

Posted 2023-05-07

【中文标题】jquery panzoom 插件默认缩放？

【英文标题】：jquery panzoom Plugin default zoom?

【发布时间】：2016-09-15 19:54:31

【问题描述】：

您好，我正在使用 Jquery Panzoom 插件来放大和缩小我的图像，Plugin Link

我想自己设置它的默认缩放值

请告诉我如何更改此插件 API 无法找到的默认缩放值？请帮忙 ？谢谢

【参考方案1】：

我认为如果你不使用它会更好，你可以编写一个缩放代码，它具有你想要的所有功能，我在我的项目中使用 panzoom 作为一个流，但它有很多问题，比如滞后和没有理由，你可以使用这样的东西：

  <button onclick="iplus();" >zoom in</button>
<button onclick="iminus();">zoom out</button>
<button onclick="resetzoom();">reset</button>


<div id="mb" class="content" style="width: 800px; height: 800px; cursor: grab; cursor: -o-grab; cursor: -moz-grab; cursor: -webkit-grab; " onclick="iplus();">
    <object data="./1.mp4"   id="mim" style="overflow: scroll"></object>
</div>
<script type="text/javascript">
    var i = 200;
    function mscale() 

        //$("mim").setStyle = ("trasform", "scale(10,10)");
        document.getElementById("mim").style.zoom=i+"%";
    
    function iplus() 
        i += 20;
        mscale();
    

    function resetzoom() 
        document.getElementById("mim").style.zoom = "100%";
    
    function iminus() 
        i -= 20;
        mscale();
    

    if (document.getElementById("mb").addEventListener) 
        mb.addEventListener("mousewheel", MouseWheelHandler, false);
    
    function MouseWheelHandler(event) 
        var delta = 0;
        if (!event) 
            event = window.event;
        if (event.wheelDelta)  
            delta = event.wheelDelta / 120;
         

        if (delta) 
            if (delta > 0) 
                i += 20;
                mscale();
            
            if (delta < 0) 
                i -= 20;
                mscale();
            
          
        if (event.preventDefault)
            event.preventDefault();
        event.returnValue = false;
    
</script>

如果你想要手动工具来拖动滚动，你可以使用this