使用 Panzoom 和 Painterro 放大图像

如何解决使用 Panzoom 和 Painterro 放大图像

我有一个项目，该项目具有用于创建图像的 Painterro 集成。我已向该图像添加了 Panzoom 功能，通过 shift + mouse 滚动事件，我们缩放图像。但这会导致输入层出现问题，因为在输入层放大后未缩放到缩放图像。我更深入地研究，发现 Painterro 插件使用了 3 个不同的层。我当前缩放的图层是保存图像的main canvas，它缩放成功但缩放时输入图层没有缩放。我怎样才能做到当 panzoom 缩放画布元素时，输入层也会缩放到大小。

    /* zoom feature */
    var element = $(".ptro-scroller .ptro-center-tablecell canvas");
    var panzoom = Panzoom(element[0],{
        maxScale: 5,minScale:1,animate:false,contain:'inside',disableYAxis:true
    });

    /* Enabling zoom*/
    var parent = element[0].parentElement;
    parent.addEventListener('wheel',function(event) {
        if (!event.shiftKey) return;
        panzoom.zoomWithWheel(event);
    });