Blazor Image Editor Example - Default Functionalities
This sample demonstrates the default rendering of the Blazor Image Editor with minimum configuration in the Blazor application.
The Image Editor component provides built-in support to edit images in the following ways through APIs:
Selection
: Multiple selection options are available. The selection region can be a square or circle, 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, arrow, path, image, and line annotation shapes are supported.Finetunes
: The effects such as brightness, contrast, hue, sauration, and blur can be applied to the image.Filters
: The predefined filters such as chrome, cold, warm, grayscale, sepia, and invert can be applied to the image.Frames
: The predefined frames such as mat, bevel, line, hook, and inset can be applied to the image.Resize
: The image can be resized to cater to the user's preferences and needs, enhancing the adaptability and usability of the content.Z-Order
: Adjust the positioning of annotations to manage the layering of elements, essential for creating polished designs.Redact
: Redacting sensitive information in images involves covering or obscuring specific areas to make the information unreadable or unidentifiable.