imgAreaSelect - 在多个图像中选择相同的区域

Question

我是jQuery的新手，我正在尝试使用名为imgAreaSelect的jQuery插件！文档是here

我有两个不同的图像（大小相同）可以处理：image1和image2。我想用这个插件做的是从image1中选择一个区域，同时在image2上显示所选区域。我在下面编写了一个代码来从image1中选择一个区域并在图像2上显示相同的选区。但是，我只能分别选择图像1和2上的区域 - 它们不会同步。如何同步选择？

$(document).ready(function () {
    $('#image1').imgAreaSelect({ 
        handles: true, 
        onSelectEnd: function(img, selection){
            $('#img1_x1').val(selection.x1);
            $('#img1_y1').val(selection.y1);
            $('#img1_x2').val(selection.x2);
            $('#img1_y2').val(selection.y2);
        } 
    });
    var ias = $('#image2').imgAreaSelect({ instance: true });
    ias.setSelection(
        val(selection.x1),
        val(selection.y1),
        val(selection.x2),
        val(selection.y2),
        true
    );
    ias.setOptions({ show:true });
    ias.update();
});

如何在image2上的相同位置显示选区（虚线矩形）？如果用户也可以调整image2上所选区域的大小，并且在image1上看到更改的区域，那将是最好的。

请帮助我！