maxiruani / mr-image Goto Github PK

iam using image-selector. After adding all selection in an image i want to edit and delete some added selections through image only. means want to edit and delete by clicking the selected area.

any suggestions is helpful to me

Thank you

I used only mr-image-selector directive. When I change coords in 'mr-model', I want to see new position of crop. But it's no work. Could you help me?
http://plnkr.co/edit/7IFgfB?p=preview

I need to draw a canvas after user uploads the picture. So i have to give image on run time. The following code is not working

$scope.image = { src: $scope.file, maxWidth: 938 };

Can somebody help me out on this?

IOS is ok, why android is not ok? android can not change the drag size.

so, in my work i need crop proportional image, do you have a example using mr image for this?

Is it possible to have the base64 cropped image in jpg encoding?

I am stuck using this in my web application. Its not supported in IE 11. Any solution for IE 11?

Markup:

<button ng-click="toggle()">Toggle image</button>
<button ng-click="crop()">Crop</button>
<div mr-image mr-max-width="600" mr-src="img.src" mr-selector="selector"></div>

Controller:

$scope.selector = {};
$scope.img = {src: "foo/bar.jpg"}

$scope.crop = function() {
    $scope.cropped = $scope.selector.crop();
    console.log($scope.cropped);
}

$scope.toggle = function() {
    $scope.img.src = "foo/baz.jpg"
}

Steps to reproduce:

1. crop image 1
2. save the base64 output from the console
3. click toggle, so that image is switched (display updates properly)
4. crop image 2
5. save the base64 output from the console
6. generate the images from the given base64 encodings (use this converter for example)

You'll see that the 2nd crop is from the image 1.

Tested your demo page on IE 11 and it's not working, any idea why?

Is it possible to crop image using canvas instead of image?.