AngularJS: Позвольте пользователю определить углы прямоугольного объекта внутри изображения.

Question

Я хотел бы обрезать прямоугольный снимок фотографии с наклонного угла. Я хочу, чтобы пользователи могли идентифицировать углы этой фотографии, перетаскивая по углам начальное прямоугольное окно обрезки. Как только углы будут идентифицированы, я могу отправить их на мой бэкэнд OpenCV, чтобы транспонировать изображение.

Я нарисовал образец изображения для вашей идеи. У нас есть какие-то директивы AngularJS, которые я могу использовать, чтобы сделать это? Любые примеры реализации, которые я могу использовать в качестве учебника для достижения этого?

Answer 1

Чтобы получить координаты изображения углов на мыши вы можете сделать что-то вроде этого

$scope.addOnClick = function(event) { 
     $scope.items.push({ 
      "label": "Click", 
      "value": 100, 
      "x": event.offsetX-50, 
      "y": event.offsetY-50, 
     }) 
} 

Как только вы получите координаты, то вы можете обрезать изображение в соответствии с