Блог

Всем привет, я использую очень, очень старый плагин Jquery под названием JCrop. Когда пользователь выбирает изображение (отныне userimage1.png), которое я извлекаю из основного изображения (отныне mainimage.png), и нажимает на userimage1.png, экран затемняется для выбранного userimage1.png.

Пример:

Пользователь выбрал файл userimage1.png, чтобы он был выделен в файле mainimage.png.

Теперь я хочу сделать то же самое, но иметь возможность выбрать несколько изображений пользователя 1 .png. В текущем JCrop, похоже, нет подобной функции.

Is this plugin capable of adding more than one userimage?

I’ve looked into the code but do not see where I would be able to add multi username squaree?

 $(function($) {
    $('#target').Jcrop({
        onSelect:    showCoords,
        bgColor:     'black',
        bgOpacity:   .4,
        setSelect:   [ 100, 100, 50, 50 ],
        aspectRatio: 16 / 9
    });
});
 

Выбор набора, конечно, является единственным вводом, который требуется для того, чтобы провести линию вокруг нужного объекта. Я уже знаю все позиции (X, Y, W, H…), которые мне нужны, чтобы найти их в mainimage.png — мне просто нужно найти способ сделать больше, чем просто одну.

Я надеюсь, что кто-то, обладающий большими знаниями в плагинах jquery, чем я знаю, сможет мне помочь!

Обратите внимание, что я знаю, что на github есть новый jcrop, но я застрял с необходимостью использовать ту версию, которая у меня есть.

Вот JSFiddle.