javascript - 我正在使用 Javascript Plugin Imagenote js 将 pin 放在图像上它工作正常但 pin 改变了它在 zoomin 上的确切位置

Question

html：

<div id="droppable">
       <img src="str.png" id="dropimage" class="img-responsive" alt="..." class="pin" style=";opacity: 1;"/>
</div>

请在下面找到 javascript 代码。我将 dropimage 分配给 image 并通过 x ， y 放置引脚。它的作品找到但是当我缩放图像时。销不应改变其位置。

脚本 ：

$(function () {
    var notes = [
                { x: "0.26", y: "0.31033332824707033", note: "please do work" },
                { x: "0.39375", y: "0.88328", note: "please do work" },
    ];
    var $img = $("#dropimage").imgNotes({});
    $img.imgNotes("option", "canEdit", true);
    $img.imgNotes("option", "zoomable", true);
    $img.imgNotes("option", "dragable", true);
    $img.imgNotes("import", notes);

    $(".pin-red").draggable();
});

标签： javascriptjqueryplugins