ngCropper call methods, code example needed about ngcropper HOT 5 CLOSED

Hi. You can use proxing, see demo.js for example.
On Aug 21, 2015 10:52 PM, "jrbecart" [email protected] wrote:

Like in the cropper website example, how can I do for example:
$().cropper("getCroppedCanvas", { width: 160, height: 90 })
with ngCropper?

—
Reply to this email directly or view it on GitHub
#16.

from ngcropper.

I don't understand how to use the proxy:

$scope.cropperProxy = 'cropper.getCroppedCanvas';
And after...? Sorry if it's a dumb question.

from ngcropper.

Ok.
First you should define a proxy name in $scope.

$scope.cropper = {}; // This is a container object.
$scope.cropperProxy = 'cropper.first'; // This means that your proxy will be set to $scope.cropper.first

Then you should pass $scope.cropperProxy to directive via attribute in html.

<img ng-cropper ng-cropper-proxy="cropperProxy" ...>

The directive will set cropper function to $scope.cropper.first - $scope.cropper.first() equals element.cropper().
Finally $scope.cropper.first('getCroppedCanvas', { width: 160, height: 90 }) is what you need.

from ngcropper.

Working with DOM in controller is a bad practice. Anyway in some cases we must do it.
I agree that proxing is really a bit tricky 😃

from ngcropper.

Thanks!

from ngcropper.