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.
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:
$("#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();
}
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.
Hi Team,
I would like to request the functionality to add cropping in a circular shape.
Thank you!
