Skip to content

Cropping area is outside of image #119

@nikopeikrishvili

Description

@nikopeikrishvili

Hello, I use this plugin and looks like there is a bug, I can crop background of plugin outside of image

screen shot 2017-10-02 at 5 35 29 pm
here is code:

imgp.dkrm = new Darkroom('.item_profile_image > img', {
                    // Size options
                    minWidth: 400,
                    minHeight: 400,
                    maxWidth: 400,
                    maxHeight: 400,
                    ratio: 4 / 4,
                    backgroundColor: false,
                    plugins: {
                        crop: {
                            callback: function () {
                            },
                            quickCropKey: 67, //key "c"
                            ratio: 4 / 4
                        },
                        history: false,
                        save: {
                            callback: function () {
                                imgp.isCropStarted = 0;
                                imgp.isPicuterAddClicked = 0;
                                loadershow($('.loader-body'));
                                $.when(imgp.cropPlugin.cropCurrentZone()).done(function () {
                                    setTimeout(function () {
                                        var newImage = imgp.dkrm.canvas.toDataURL();
                                        imgp.uploadCroppedImage(newImage, order, is_primary);
                                        imgp.loadCropper();
                                        $('.darkroom-toolbar').remove();
                                    }, 1000);
                                });
                            }
                        },
                        close: {
                            callback: function ()
                            {
                                imgp.isCropStarted = 0;
                                if (imgp.isPicuterAddClicked === 1)
                                {
                                    $('.darkroom-container').remove();
                                    $('.item_profile_image').html('<img src="' + imgp.previusImage + '" id="item_profile_img" class="front_flip" />');
                                    if ($('#profileImage').attr("src") === imgp.previusImage)
                                    {
                                        $('.profile_image_overly').show();
                                    }
                                } else
                                {
                                    imgp.dkrm.selfDestroy();
                                }
                            }
                        },
                        done:{
                          callback: function ()
                            {
                               
                            }
                        }
                    },
                    // Post initialize script
                    initialize: function () {
                        imgp.cropPlugin = this.plugins['crop'];
                        imgp.cropPlugin.selectZone(100, 100, 200, 200);
//                        imgp.cropPlugin.requireFocus();
                    },
                });

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions