Hello,

   Is it possible to add two different canvases with two different images in single image editor control ? If possible then, positions of two canvases are either side by side or one below another. These canvases should be only appear on new customized button on toolbar.

Thanks,

Dhirendra

I have an imageEditor component on my page, and am resizing the images to calculated width & height. I am using the ResizeImageEditorCommand command:

imageEditor.executeCommand({ command: "ResizeImageEditorCommand", options: { width: Math.round(newWidth), height: Math.round(newHeight), aspectRatio: true } });

After resizing, some of the images seem 'flaky'. The is not reproducible with every image but can be observed with PNG and JPG as well. I have provided sample images in ticket ID: 1647561.

I would like the images in the ImageEditor to have the same quality after resizing. 

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.

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]

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!

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:

Hi Team, 

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

Thank you! 

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]

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

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.