Взаимодействие с изображением javascript

Всем привет. Возникли проблемы (если быть точнее, то совсем не понимаю) с загрузкой и редактированием изображения. Форма загрузки изображения:

<form action="#" method="post" enctype="multipart/form-data">
    <input name="image" type="file">
    <input type="submit" name="submit" value="Send File">
</form>

Необходимо проверить картинку, чтобы та была бОльшего размера, чем 1590x400px, если больше, то сделать drag-n-drop взаимодействие (снизу будут различные элементы, которые можно будет перетаскивать на картинку) с картинкой, при этом сохраняя координату верхнего левого угла перетянутого элемента. Вопрос - каким образом это можно сделать? Какие либы для этого существуют в js?