- The issue with "Crop selection resizing beyond image bounds on mobile" has been resolved.
#I704085
- The issue with "Page crashes when changing color in freehand pen tool with custom toolbar" has been resolved.
#I703503
- The issue with "Redact feature not working properly in straightened image" has been resolved.#I701384
- The issue with "Error after changing outline color in text annotation" has been resolved.
-
The Image Editor component now includes support for image restrictions through
uploadSettings
. Developers can specify allowed image extensions and set minimum and maximum image sizes. If an image does not meet the criteria, users will receive an alert message, ensuring improved image validation and better control over uploads. -
The Image Editor component now supports the
WebP
format, allowing users to upload and save WEBP images.
- The issue with "Localization issue in ImageEditor" has been resolved.
- The issue with "Image Editor arrow intersection point is improper" has bee resolved.
- Added new action types 'resize-start' and 'resize-end' to the selectionChanging event. The event triggers 'resize-start' when resizing begins and 'resize-end' when resizing ends.
#I910189
- The issue with "Localization issue in ImageEditor" has been resolved.#I629743
- The issue with "zoomed event not triggered for mousewheel zoom" has been resolved.
-
Redact support
- The Redact support in the Image Editor allows users to effortlessly conceal sensitive information by applying blur or pixel effect to specific areas of an image. Ideal for maintaining privacy in photos. This feature is particularly valuable for protecting privacy and complying with data protection regulations, making it easier to securely share images without compromising sensitive information. -
Text annotation enhancement
- The enhanced Text Annotation feature in the Image Editor allows users to customize their annotations with fill color, outline color, and outline width. Ideal for making text stand out and improving readability, this tool ensures that your annotations are both clear and visually appealing for any image. -
Rectangle annotation enhancement
- The enhanced Rectangle Annotation feature in the Image Editor now includes support for adjusting the border radius, allowing users to create annotations with rounded or sharp corners. This enhancement provides greater flexibility in customizing the look of your annotations, adding a touch of style and refinement to your visual content.
- The issue with "keyboard navigation not proper" has been resolved.
#I603404
- The issue with "ImageEditor drawText method text selection issue with multiline" has been resolved.#I603806
- The issue with "ImageEditor Undo/Redo collection was not working properly for pen drawing annotation" has been resolved.
- The issue with "image not loading in react ug sample" has been resolved.
-
Annotation enhancement
- The latest update to our Image Editor significantly improves the annotation feature. Users can now draw multiple annotations simultaneously, enhancing creative flexibility. Furthermore, every action, including customizations, will be tracked in the undo/redo collection, ensuring a seamless user experience and making it easier to experiment with different designs. -
Z-order support
- We are excited to introduce z-order support in the Image Editor. It's a powerful tool that allows users to adjust the positioning of annotations. This feature is particularly useful for designing personalized templates like greeting cards or posters, where managing the layering of multiple annotations is crucial for a polished final product.Types of z-order adjustments
:Sent Backward
: Switch the selected annotation with the annotation one layer behind it.Send to Back
: Move the selected annotation to behind all other annotations.Bring to Front
: Move the selected annotation to ahead of all other annotations.Bring forward
: Switch the selected annotation with the annotation one layer ahead of it.
-
Save support enhancement
- Users can now save an image with a specified file name, file type, and image quality. This enhancement provides more control over the output, ensuring that users can save their work exactly as they need it.
#I588099
- The issue with "image editor click event triggered two times in Angular" has been resolved.
#I585515
- The issue with "script error throws when custom toolbar with frame option in image editor" has been resolved.
-
#I575218
- The issue with "Image annotation not selected when we set the drawImage method with isSelected parameter as true." has been resolved. -
#I564880
- The issue with "unable to restore the old image position after reopening the same image" has been resolved.
-
#I567703
- The issue with "Script error thrown in ProfilePicture ImageEditor sample on a mobile device" has been resolved. -
#I875625
- The issue with "need to add all default toolbar items inAPI
link" has been resolved.
-
#I565340
- The issue with "Script error thrown when attempting to reopen a base64 URL using a custom toolbar in mobile mode" has been resolved. -
#I566745
- The issue with "FontSize is not updated properly while using the updateShape method" has been resolved.
- The issue with "Resizing event argument value not proper while resizing " has been resolved.
#I555243
- The issue with "Text area not applied while using GetImageData method" has been resolved.
- Issue with "Toolbar not refreshing while using select public method" has been resolved.
-
Provided support for image straightening allows users to adjust an image by rotating it clockwise or counter clockwise. The rotating degree value should be within the range of -45 to +45 degrees for accurate straightening. Positive values indicate clockwise rotation, while negative values indicate counter clockwise rotation.
-
Provided support to add additional font families for text annotation.
- Provided support for image annotations allowing users to insert and display multiple images in addition to the main image they are editing.
- Provided support for frames allowing users to add decorative borders or frames around images. Frames can enhance the visual appeal of an image..
- Provided resizing support allowing users to adjust the size and dimensions of an image to suit their needs, such as printing, web display, or other purposes.
#I494726
- The issue with "Annotations pen drawing not working properly in ipad" has been resolved.
-
Issue with "toolbar" property has been resolved.
-
Issue with "Script error thrown while editing multiple text area" has been resolved.
- Issue with "Script error thrown while applying text area changes to canvas" has been resolved.
- Issue with "Path size not proper after saving" has been resolved.
- Issue with "Circle cropped image is not saved properly" has been resolved.
- Issue with "Image not drawn properly after opening image as ImageData" has been resolved.
- Issue with "Touch events are not un-wired properly while destroying control" has been resolved.
- Issue with "Refreshing the Image Editor dimension while resizing" has been resolved.
- Provided support for path annotations allowing users to annotate specific paths or routes within a document or graphical representation.
- Provided support for arrow annotations allowing users to easily indicate direction or flow within their content.
- Provided quick access toolbar support which improve accessibility when working with shapes. It automatically appears when shapes are selected, providing convenient access to commonly used tools and options.
- Previously, the "ShapeChanging" event was triggered for both shape modifications and selection customizations. However, a new event called "SelectionChanging" has been introduced specifically for selection customizations.
- Issue with "GetImageData method returns low resolution data" has been resolved.
- Issue with "Shape changing event not triggered while inserting crop selection" has been resolved.
- Issue with "Shape changing event not triggered while inserting crop selection" has been resolved.
- Issue with "Script error thrown while using Toolbar Template" has been resolved.
- Provided the undo/redo support, that records all the actions so that it can be reverted later if necessary.
- Provided pinch zoom support to zoom in or out the image while performing pinch on touch enabled devices.
- Provided mouse wheel zoom support to zoom in/out the image while scrolling mouse wheel with ctrl key press.
- Provided public method 'getImageDimension' to get the current image size with its coordinates.
- Provided click event to get the current cursor position on the image.
Previous Enum Name | Modified Enum Name |
---|---|
ImageFinetuneOptions | ImageFinetuneOption |
ImageFilterOptions | ImageFilterOption |
ImageEditorCommands | ImageEditorCommand |
- Issue with "Script error thrown while resizing control without toolbar" has been resolved.
- Issue with "Toolbar Alignment" has been resolved.
- Issue with "Save Button Alignment in mobile mode" has been resolved.
- Issue with "Toolbar Template Alignment" has been resolved.
- Issue with "Screen Orientation Alignment in mobile mode" has been resolved.
The Image Editor control is a graphical user interface used for editing images. It provides built-in support for rotate, flip, zoom, and crop the images based on the selection. It also has support for inserting an annotations including rectangle, ellipse, line, text, and freehand drawings.
- Selection - The selection region can be a
square
orcircle
, customized to various aspects ratios, and customized by dragging and resizing. - Crop - The image can be cropped based on the selection.
- Rotate - The image can be rotated both clockwise and anticlockwise by 90 degrees.
- Flip - The image can be flipped both horizontally and vertically.
- Zoom - The image can be zoomed in and out.
- Pan - View the entire image by toggling the pan option from the toolbar.
- Freehand drawing - Draw freehand on the image and adjust the pen's stroke width and stroke color.
- Reset - Revert all the edited states and load the original image.
- Save - Save the edited image in JPEG, PNG, and SVG formats.
- Annotation -
Text
,rectangle
,ellipse
, andline
annotation shapes are supported.