javascript - 使用 Panzoom 和 Painterro 放大图像

Question

我有一个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);
    });