delkant / angular-areas Goto Github PK

Hey iam trying to hi-light 130 positions on image.
The directive will kill the process, Please let me know how to solve the issue

The array of aras is dynamic, and on click, the area which gets created needs to be a specific width and height.
I have tried with following:
First try:
$scope.onAddArea = function (ev, box, areas, area) {
box.height = 50;
box.width = 50;

Second Try with ng-areas-extend-data:
<img alt="signature" ng-areas="Signatures" ng-areas-width="800"
ng-areas-on-add="onAddArea"
ng-areas-extend-data="{height:50,width:300}"

None of these open up the area with the specific size. Could you please help?

Delkant,
Thanks a lot man, But the areas will duplicated after the change event ( Only the areas whos are not touched )
Look at this please : http://jsfiddle.net/a21xt52h/7/

--> Click the button 'change areas' and you will see that the areas are duplicated

I'm selecting an area on an image and outputting x, y width and height in a table to the right. My image is 600px * 260px. However despite my area is in the lower right corner of the image, I receive x = 448 (though it must be about 600) and y = 193 (must be about 260).
Is it an issue, or may it be that I'm doing something wrong?

Thank you for your time.

Hello,
i want to make a button to add an area with a specific datas :
I tried like this :

 $scope.addAnotherMarker =function () {
            var Newareas =
                {
                    "x": 957,
                    "y": 335,
                    "z": 500,
                    "height": 75,
                    "width": 75,
                    "name": "name",
                    "cssClass": 'class_red' ,
                    "id":'3',
                    "description": "Menu"
                }
            ;
            var x = angular.fromJson($scope.fields900);
            console.log(x);
            x.push(Newareas);
       
// Set my variable 
           $scope.fields900 = x;
        }

But it didnt refresh my areas

Error after minification.

Just change the
controller : function($scope, $element, $attrs) {

for
controller : ['$scope', '$element', '$attrs', function($scope, $element, $attrs) {

and in line 903 change to:
}],

Hello,
Thanks for this awesome plugin,
But i have a litle problem :

How i can make an event to change the point instantly.
For the moment i have tried this in my controller :

$scope.ChangeAreas = function () {
            var NewtestData = [{
                "x": 557,
                "y": 135,
                "z": 500,
                "height": 75,
                "width": 75,
                "name": '',
                "cssClass": "marker_add mrk1",
                "id": 37,
                "description": "Menu"
            }];
            $scope.fields900 = NewtestData.slice(0);
            $scope.$apply();
            console.log('change')
        }

Hello,
The areas are being duplicated after the change event twice
Look at this please : http://jsfiddle.net/a21xt52h/7/

--> Click the button 'change areas' twice and you will see that the areas are duplicated

I am using angular 6 and want to use this library. Is there any alternate version. Do you have any future plan to update this.