Javascript 使用PANTERRO的Panzoom放大图像

我有一个项目，它集成了

Painterro

来创建图像。我在图像中添加了

Panzoom

功能，通过

shift+mouse

scroll事件，我们可以缩放图像。但这会导致输入层出现问题，因为放大后，输入层未缩放到缩放图像。我深入研究发现，

Painterro

插件使用了3个不同的层。我当前缩放的图层是保存图像的

主画布

，它可以成功缩放，但缩放时输入图层不会缩放。如何使其在

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