javascript - AngularJS:让用户识别图像内矩形对象的 Angular 点

Question

我想裁剪一张从倾斜 Angular 拍摄的矩形照片。我想让用户通过拖动初始矩形裁剪窗口的 Angular 来识别这张照片的 Angular 。一旦 Angular 点被识别，我就可以将它们发送到我的 OpenCV 后端来转置图像。

我为你的想法绘制了一个示例图像。我们有任何可以用来完成此任务的 AngularJS 指令吗？我可以使用任何示例实现作为教程来实现此目的吗？

Answer 1

要在鼠标单击时获取图像 Angular 的坐标，您可以执行以下操作

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

获得坐标后，您可以相应地裁剪图像