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.
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!
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
- Open this Dojo example.
- Load an image in the ImageEditor
- Click on the Crop button
- Uncheck the "Lock aspect ratio" checkbox from the menu on right
- 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
