Код с нуля обрезчик изображения И resizer (в то же время) в jQuery/javascript?

Мы кодируем довольно простой javascript (jQuery) обрезщик изображения и resizer. В принципе, на данный момент нужны только необходимые функции обрезка и изменить размер.

Я проверял несколько плагинов jQuery, таких как JCrop и т.д., и кажется, что в то же время нет плагинов, которые делают обе. Множество срезов OR, но не две функции в одном и том же "естественном" представлении изображения одновременно. Естественно, что примеры, подобные этому (внизу справа), не очень приятны визуально для пользователей:

http://jsfiddle.net/opherv/74Jep/33/

Хотя я предполагаю, что это будет возможным способом иметь две функции одновременно. Хотя вы можете видеть, что этот пример только масштабируется слишком в настоящее время, и он квалифицирован как использование "уродливых хаков" самим автором для этого: 

function changeZoom(percent){
    var minWidth=viewport.width();
    var newWidth= (orgWidth-minWidth)*percent/100+minWidth;
    var newHeight= newWidth/orgRatio;
    var oldSize=[img.width(),img.height()];

    img.css({ width: newWidth+"px", height: newHeight+"px" });

    adjustDimensions();

    //ugly hack :(
    if (img.offset().left+img.width()>dragcontainer.offset().left+dragcontainer.width()){
        img.css({ left: dragcontainer.width()-img.width() +"px" });  
    }
    if (img.offset().top+img.height()>dragcontainer.offset().top+dragcontainer.height()){
        img.css({ top: dragcontainer.height()-img.height() +"px" });  
    } 
}

Мы скорее ищем возможность использовать фрейм/зону обрезки (как мы видим чаще всего в Интернете) + параметр масштабирования/уменьшения масштаба на изображении (например, ручки на границе изображения)

Поскольку нам нужны только те две функции, которые, как мы думали, мы будем кодировать с нуля или почти так же, как мы не хотим добавлять другие файлы/плагины javascript, которые будут переполнены, в любом случае будут упакованы с другими функциями, которые нам не понадобятся (по крайней мере на данный момент).

Вопрос заключается в следующем: существует особая трудность при попытке кодирования отображения повторно отображаемого изображения с помощью простых ручек и обрезки путем выбора кадра/зоны (что также было бы переоценено само по себе и перетаскивается, чтобы пользователь мог точно настроить, какую часть изображения он хочет)?

Мы определенно лучше разделяем две функции?

Большое спасибо за вашу помощь.

Ответы