Cropped Image Size responsive viewport

[playUruguay]

Hi!

I understand that the size of the cropped picture is the same as the container, but in case of resizing because it is responsive, the size of the resulting image should not change.

Is there any way to set the size of the final image?
Thanks!

[orifn]

hi @playUruguay
The question about responsive is open for now. So, you can investigate on it if have any proposals.
Regarding image resizing there are some possibilities like below:

c.result({
    type: 'canvas',
    size: {
        width: 500,
        height: 500,
    },
    quality: 0.8    // 80%
});

[timaxapa]

@orif-jr Hi!
I have an issue with small resolution - the component isn't responsive.

I can't change viewport and boundary dynamically. I tried the following code, but nothing changes:

                // respond to changes in viewport
                scope.$watch('viewport', function (newValue, oldValue) {
                    if (typeof scope.viewport === 'undefined') {
                        throw 'ngCroppie: Image viewport undefined!'
                    } else {
                        c.options.viewport.width = scope.viewport.w;
                        c.options.viewport.height = scope.viewport.h;
                        c.options.boundary.width = scope.viewport.w;
                        c.options.boundary.height = scope.viewport.h;
                        var newOptions = angular.copy(c.options);
                        c.bind(newOptions)
                    }
                });

Is it possible to make the croppie responsible? Thanks.