Completed
Last Updated: 23 Feb 2024 13:43 by ADMIN

Bug report

Zooming in on a large image loaded in the ImageEditor results in poor performance.

Reproduction of the problem

A sample application is available in ticket 1595292. Run the application and zoom in on the top ImageEditor.

Current behavior

Zooming in takes too much time.

Expected/desired behavior

Zooming should be faster.

Workaround

Issue is possibly related to the check on whether an image is exportable - link. A possible workaround is to bypass the check:

      kendo.ui.ImageEditor.fn._toggleTools = function () {
            var that = this,
                canRedo = that.redoStack.length > 0,
                canUndo = that.undoStack.length > 0,
                hasImage = !!that._image;

            that.toolbar.toggleTools({
                redo: canRedo,
                undo: canUndo,
                enable: hasImage,
                canExport: true, // Avoid checking if image can be exported. Causes performance issues.
            });
        };

Example

Environment

  • Kendo UI version: 2023.1.117
  • Browser: [all]
Unplanned
Last Updated: 24 Apr 2023 10:01 by Andy F.

Currently, only the size of the ImageEditor can be set through the configuration. I would like to have the possibility to set the width/height of the canvas. I need a way to enforce width/height on the canvas regardless of the size of the area it's in.  Right now, ImageEditor height includes the toolbar as well, which makes it meaningless, since I'm trying to force the user to a certain canvas height/width.  If I could specify the canvas width/height and that crop pane I'm complaining about didn't overlay the canvas, might even be able to make it fit on a phone. 

Example: I need my final image to be max 324 x 430.  If I specify that for width/height, toolbar cuts out 55px from the height.  Crop cuts 241 px from the width.  I don't want to increase the canvas size to incorporate either the toolbar or any action panes for commands, I need the resulting images to be that specific size/aspect ratio.

Unplanned
Last Updated: 21 Jan 2022 10:03 by ADMIN

We would like the ability to undo actions, redo actions, draw shapes, or draw lines using the Kendo drawing library. We would like an image editor similar to the one in this link:

https://demos.telerik.com/aspnet-ajax/imageeditor/examples/drawing/defaultcs.aspx

This demo works for Telerik UI for ASP.NET AJAX. We would like a similar demo for Kendo UI for jQuery.

Thank you!

Unplanned
Last Updated: 05 Nov 2021 10:17 by ADMIN
Created by: Brightstar
Comments: 3
Category: ImageEditor
Type: Feature Request
1

We have an image control that requires an upload to be a specific size.

Rather than making our users have to manually resize their photo to the same size every time, they have requested we resize it for them since we know the size limits (96x96).

I don't see any built-in support for this so I've tried to hack it but even that hasn't worked. The "imageEditor.executeCommand({ command: "OpenPaneImageEditorCommand" })" throws an error when being called from the ImageRendered event, and manually selecting the buttons also does not resize the image.

Link to example: https://jsfiddle.net/atz9ne6g/1/

Code from example:

$("#imageEditor").kendoImageEditor({
    width: 1000,
    height: 800,
    imageLoaded: UploadPhoto_ImageLoaded,
    imageRendered: UploadPhoto_ImageRendered
});

let imageLoaded = false;
function UploadPhoto_ImageLoaded(e) {
    imageLoaded = true;
}

function UploadPhoto_ImageRendered(e) {
    if (imageLoaded) {
        imageLoaded = false;
        //var imageEditor = e.sender;
        // TODO: Auto resize photo to 96x96 when opening popup
        //imageEditor.executeCommand({ command: "OpenPaneImageEditorCommand" });
        //imageEditor.executeCommand({ command: "ResizeImageEditorCommand" });

        $(".k-i-image-resize").click();
        $(".k-formatted-value[title='width']").val(96);
        $(".k-imageeditor-pane-confirm-button").click();
    }
Unplanned
Last Updated: 06 Oct 2021 06:23 by Velusamy
Created by: Izhar
Comments: 1
Category: ImageEditor
Type: Feature Request
5

Hi Team,

I would like to request the ability to rotate the image by 90 degrees to the right/left in the Kendo UI ImageEditor.  

Thank you for your consideration.

Unplanned
Last Updated: 28 Jun 2021 22:02 by ADMIN
Created by: n/a
Comments: 0
Category: ImageEditor
Type: Feature Request
1

Hi Team, 

I would like to request the functionality to add cropping in a circular shape. 

Thank you! 

Unplanned
Last Updated: 21 Jun 2021 08:40 by ADMIN

Bug report

When cropping an image in the ImageEditor, if the "Lock aspect ratio" checkbox is unchecked, the change in the "Aspect Ratio" DropDownList doesn't change the crop area.

Reproduction of the problem

  1. Open this Dojo example.
  2. Load an image in the ImageEditor
  3. Click on the Crop button
  4. Uncheck the "Lock aspect ratio" checkbox from the menu on right
  5. Open the "Aspect Ratio" DropDownList and select a random value

Current behavior

The crop area above the loaded image doesn't change

Expected/desired behavior

The crop area should change based on the selected ratio, no matter if the "Lock aspect ratio" checkbox is checked or not

TicketID:

1523281

Environment

  • Kendo UI version: 2021.2.511
  • jQuery version: x.y
  • Browser: [all]
Unplanned
Last Updated: 22 Mar 2021 14:43 by ADMIN
Created by: Lorenzo
Comments: 1
Category: ImageEditor
Type: Bug Report
0

To reproduce the problem open the ImageEditor demo page (https://demos.telerik.com/kendo-ui/imageeditor/index)

then select the "crop" command and position the crop area in the middle of the picture, near the right border

then select the bottom-middle handle and pull down.

The crop area goes out of image, see the attached screenshot.

 

Thanks

Unplanned
Last Updated: 01 Feb 2021 17:34 by ADMIN
Created by: Velusamy
Comments: 0
Category: ImageEditor
Type: Feature Request
0
Currently, the width and the height of a cropped image are displayed in px (pixels) in the Crop Image pane. Having an option to display the size of the image in mm would be useful.
Unplanned
Last Updated: 11 Dec 2020 15:12 by ADMIN
Created by: Marcin
Comments: 0
Category: ImageEditor
Type: Feature Request
1
Please add a feature to resize an image by dragging a handle, similar to the crop functionality
Unplanned
Last Updated: 28 Sep 2020 11:33 by ADMIN
Add an event that triggers when a file is selected before uploading a file. That way you will be able to get the file's name and extension