Skip to content

Commit 133a76c

Browse files
committed
986121- IE Blazor UG correction based on shared prompt
1 parent c703a30 commit 133a76c

File tree

6 files changed

+34
-34
lines changed

6 files changed

+34
-34
lines changed

blazor/image-editor/end-user-capabilities.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
---
22
layout: post
33
title: End-user capabilities with Blazor Image Editor Component | Syncfusion
4-
description: Explore end-user capabilities in the Blazor Image Editor component for Blazor Server and WebAssembly Apps.
4+
description: Explore end-user capabilities in the Blazor Image Editor component for Blazor Server and WebAssembly applications.
55
platform: Blazor
66
control: Image Editor
77
documentation: ug

blazor/image-editor/filter.md

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
---
22
layout: post
33
title: Filter with Blazor Image Editor Component | Syncfusion
4-
description: Explore image filter options in the Blazor Image Editor component for Blazor Server and WebAssembly Apps.
4+
description: Explore image filter options in the Blazor Image Editor component for Blazor Server and WebAssembly applications.
55
platform: Blazor
66
control: Image Editor
77
documentation: ug
@@ -83,6 +83,6 @@ The [ImageFiltering](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Ima
8383

8484
Parameters available in [ImageFilterEventArgs](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.ImageEditor.ImageFilterEventArgs.html):
8585

86-
- `ImageFilterEventArgs.Filter`: The filter type, as an `ImageFilterOption`, to be applied.
86+
- [ImageFilterEventArgs.Filter](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.ImageEditor.ImageFilterEventArgs.html#Syncfusion_Blazor_ImageEditor_ImageFilterEventArgs_Filter) - The filter type, as an `ImageFilterOption`, to be applied.
8787

88-
- `ImageFilterEventArgs.Cancel`: Indicates whether the filtering action should be canceled.
88+
- [ImageFilterEventArgs.Cancel](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.ImageEditor.ImageFilterEventArgs.html#Syncfusion_Blazor_ImageEditor_ImageFilterEventArgs_Cancel) - Indicates whether the filtering action should be canceled.

blazor/image-editor/finetune.md

Lines changed: 7 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
---
22
layout: post
33
title: Fine-tune with Blazor Image Editor Component | Syncfusion
4-
description: Discover the Finetune feature available in the Blazor Image Editor component for Blazor Server and WebAssembly Apps.
4+
description: Discover the Finetune feature available in the Blazor Image Editor component for Blazor Server and WebAssembly applications.
55
platform: Blazor
66
control: Image Editor
77
documentation: ug
@@ -13,7 +13,7 @@ Fine-tuning refers to precise adjustments to image filter settings to achieve a
1313

1414
## Adjust brightness, contrast, and saturation
1515

16-
The [`FinetuneImageAsync`](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.ImageEditor.SfImageEditor.html#Syncfusion_Blazor_ImageEditor_SfImageEditor_FinetuneImageAsync_Syncfusion_Blazor_ImageEditor_ImageFinetuneOption_System_Int32_) method performs fine-tuning on an image. It accepts two parameters: the first is [`ImageFinetuneOption`](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.ImageEditor.ImageFinetuneOption.html), which specifies the type of fine-tuning (brightness, contrast, and saturation), and the second is an integer value indicating the degree or intensity of the adjustment. This method enables convenient adjustments to brightness, contrast, and saturation by specifying the desired type and corresponding value.
16+
The [FinetuneImageAsync](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.ImageEditor.SfImageEditor.html#Syncfusion_Blazor_ImageEditor_SfImageEditor_FinetuneImageAsync_Syncfusion_Blazor_ImageEditor_ImageFinetuneOption_System_Int32_) method performs fine-tuning on an image. It accepts two parameters: the first is [ImageFinetuneOption](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.ImageEditor.ImageFinetuneOption.html), which specifies the type of fine-tuning (brightness, contrast, and saturation), and the second is an integer value indicating the degree or intensity of the adjustment. This method enables convenient adjustments to brightness, contrast, and saturation by specifying the desired type and corresponding value.
1717

1818
The following example demonstrates brightness, contrast, and saturation fine-tuning using the `FinetuneImageAsync` method.
1919

@@ -61,7 +61,7 @@ The following example demonstrates brightness, contrast, and saturation fine-tun
6161

6262
## Adjust hue, exposure, blur, and opacity
6363

64-
The [`FinetuneImageAsync`](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.ImageEditor.SfImageEditor.html#Syncfusion_Blazor_ImageEditor_SfImageEditor_FinetuneImageAsync_Syncfusion_Blazor_ImageEditor_ImageFinetuneOption_System_Int32_) method also supports fine-tuning for hue, exposure, blur, and opacity. The first parameter is [`ImageFinetuneOption`](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.ImageEditor.ImageFinetuneOption.html), which specifies the type of fine-tuning to apply (hue, exposure, blur, and opacity), and the second parameter is an integer value representing the intensity of the adjustment. This method allows straightforward adjustment of these properties by specifying the type and value.
64+
The [FinetuneImageAsync](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.ImageEditor.SfImageEditor.html#Syncfusion_Blazor_ImageEditor_SfImageEditor_FinetuneImageAsync_Syncfusion_Blazor_ImageEditor_ImageFinetuneOption_System_Int32_) method also supports fine-tuning for hue, exposure, blur, and opacity. The first parameter is [ImageFinetuneOption](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.ImageEditor.ImageFinetuneOption.html), which specifies the type of fine-tuning to apply (hue, exposure, blur, and opacity), and the second parameter is an integer value representing the intensity of the adjustment. This method allows straightforward adjustment of these properties by specifying the type and value.
6565

6666
The following example demonstrates hue, exposure, blur, and opacity fine-tuning using the `FinetuneImageAsync` method.
6767

@@ -115,12 +115,12 @@ The following example demonstrates hue, exposure, blur, and opacity fine-tuning
115115

116116
## Finetune value changing event
117117

118-
The [`FinetuneValueChanging`](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.ImageEditor.ImageEditorEvents.html#Syncfusion_Blazor_ImageEditor_ImageEditorEvents_FinetuneValueChanging) event is triggered during fine-tuning. It provides details such as the fine-tune type and the applied value.
118+
The [FinetuneValueChanging](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.ImageEditor.ImageEditorEvents.html#Syncfusion_Blazor_ImageEditor_ImageEditorEvents_FinetuneValueChanging) event is triggered during fine-tuning. It provides details such as the fine-tune type and the applied value.
119119

120120
Parameters available in [FinetuneEventArgs](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.ImageEditor.FinetuneEventArgs.html):
121121

122-
- `FinetuneEventArgs.Finetune`: The type of fine-tuning as `ImageFinetuneOption` to be applied in the image editor.
122+
- [FinetuneEventArgs.Finetune](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.ImageEditor.FinetuneEventArgs.html#Syncfusion_Blazor_ImageEditor_FinetuneEventArgs_Finetune) - The type of fine-tuning as `ImageFinetuneOption` to be applied in the image editor.
123123

124-
- `FinetuneEventArgs.Value`: The fine-tuning value to be applied in the image editor.
124+
- [FinetuneEventArgs.Value](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.ImageEditor.FinetuneEventArgs.html#Syncfusion_Blazor_ImageEditor_FinetuneEventArgs_Value) - The fine-tuning value to be applied in the image editor.
125125

126-
- `FinetuneEventArgs.Cancel`: A boolean value that cancels the fine-tuning action.
126+
- [FinetuneEventArgs.Cancel](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.ImageEditor.FinetuneEventArgs.html#Syncfusion_Blazor_ImageEditor_FinetuneEventArgs_Cancel) - A boolean value that cancels the fine-tuning action.

blazor/image-editor/frame.md

Lines changed: 23 additions & 23 deletions
Original file line numberDiff line numberDiff line change
@@ -1,43 +1,43 @@
11
---
22
layout: post
33
title: Frame with Blazor Image Editor Component | Syncfusion
4-
description: Checkout the Frame available in Blazor Image Editor component in Blazor Server App and Blazor WebAssembly App.
4+
description: Explore the Frame feature in the Blazor Image Editor component for Blazor Server and WebAssembly applications.
55
platform: Blazor
66
control: Image Editor
77
documentation: ug
88
---
99

1010
# Frames in the Blazor Image Editor component
1111

12-
The frame feature in an Image Editor provides users with the capability to add decorative borders or frames around their images. Frames are a visual design element that can enhance the overall appearance and appeal of an image.
12+
The frame feature in the Image Editor enables adding decorative borders around images. Frames enhance visual appeal and can be styled to match the image context or design requirements.
1313

1414
## Apply frame to the Image
1515

16-
The [`DrawFrameAsync`](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.ImageEditor.SfImageEditor.html#Syncfusion_Blazor_ImageEditor_SfImageEditor_DrawFrameAsync_Syncfusion_Blazor_ImageEditor_FrameType_System_String_System_String_System_Int32_System_Int32_System_Int32_System_Int32_Syncfusion_Blazor_ImageEditor_FrameLineStyle_System_Int32_) method is a function designed to enable the application of various frame options to an image. This method simplifies the process of adding decorative frames, such as mat, bevel, line, hook, and inset, to an image by allowing users to specify their desired frame type.
16+
The [DrawFrameAsync](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.ImageEditor.SfImageEditor.html#Syncfusion_Blazor_ImageEditor_SfImageEditor_DrawFrameAsync_Syncfusion_Blazor_ImageEditor_FrameType_System_String_System_String_System_Int32_System_Int32_System_Int32_System_Int32_Syncfusion_Blazor_ImageEditor_FrameLineStyle_System_Int32_) method applies a frame to an image with options such as mat, bevel, line, hook, and inset.
1717

18-
Depending on the frame type selected, users may have additional customization options, such as adjusting the frame's thickness, color, texture, or other attributes. This allows for fine-tuning the appearance of the frame to match the image's theme or the user's preferences
18+
Depending on the selected frame type, additional customization options may be available, such as thickness, color, gradient, and other styling attributes.
1919

20-
The `DrawFrameAsync` method in the Image Editor control takes nine parameters to define the properties of the frame to the image:
20+
The `DrawFrameAsync` method accepts nine parameters that define the frame properties:
2121

22-
* frameType - Specified the image data or url of the image to be inserted.
22+
- `frameType` - Specifies the type of frame to apply.
2323

24-
* color - Specifies the color for the frame.
24+
- `color` - Specifies the frame color.
2525

26-
* gradientColor - Specifies the gradient color for the frame.
26+
- `gradientColor` - Specifies the gradient color for the frame.
2727

28-
* size - Specifies the size of the frame.
28+
- `size` - Specifies the frame size.
2929

30-
* inset - Specifies the inset value for line, hook, and inset type frames.
30+
- `inset` - Specifies the inset value for line, hook, and inset frame types.
3131

32-
* offset - Specifies the offset value for line and inset type frames.
32+
- `offset` - Specifies the offset value for line and inset frame types.
3333

34-
* borderRadius - Specifies the border radius for line type frame.
34+
- `borderRadius` - Specifies the border radius for the line frame type.
3535

36-
* frameLineStyle - Specifies the frame line style for line type frame.
36+
- `frameLineStyle` - Specifies the frame line style for the line frame type.
3737

38-
* lineCount - Specifies the line count for the line type frame.
38+
- `lineCount` - Specifies the line count for the line frame type.
3939

40-
Here is an example of Frame using the `DrawFrameAsync` method.
40+
Here is an example of applying frames using the `DrawFrameAsync` method.
4141

4242
```cshtml
4343
@using Syncfusion.Blazor.ImageEditor
@@ -91,20 +91,20 @@ Here is an example of Frame using the `DrawFrameAsync` method.
9191
}
9292
```
9393

94-
![Blazor Image Editor with Frame an image](./images/blazor-image-editor-frame.png)
94+
![Blazor Image Editor with a frame applied](./images/blazor-image-editor-frame.jpg)
9595

9696
## Frame changing event
9797

98-
The [`FrameChanging`](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.ImageEditor.ImageEditorEvents.html#Syncfusion_Blazor_ImageEditor_ImageEditorEvents_FrameChanging) event is triggered when applying frame on the image. This event provides information encapsulated within an object, which includes details about the frame applied in an image. This information encompasses:
98+
The [FrameChanging](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.ImageEditor.ImageEditorEvents.html#Syncfusion_Blazor_ImageEditor_ImageEditorEvents_FrameChanging) event is triggered while applying a frame. The event object provides details about the frame settings involved in the change.
9999

100-
Frame Type: This indicates the specific type of frame being applied, whether it's a mat, bevel, line, or hook.
100+
- Frame type: Specifies the type of frame applied, such as mat, bevel, line, hook, or inset.
101101

102-
Customization Values: These values contain information about any adjustments or modifications made to the frame. For instance, if the frame can be customized with attributes like color, size, or style, these details are conveyed within the event object.
102+
- Customization values: Includes attributes such as color, size, style, inset, offset, gradient color, and related settings.
103103

104-
The parameter available in the [`FrameChangeEventArgs`](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.ImageEditor.FrameChangeEventArgs.html) is
104+
Parameters available in [FrameChangeEventArgs](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.ImageEditor.FrameChangeEventArgs.html):
105105

106-
* [`FrameChangeEventArgs.PreviousFrameSetting`](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.ImageEditor.FrameChangeEventArgs.html#Syncfusion_Blazor_ImageEditor_FrameChangeEventArgs_PreviousFrameSetting) - The frame settings including size, color, inset, offset, gradient color which is applied before changing the frame.
106+
- [FrameChangeEventArgs.PreviousFrameSetting](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.ImageEditor.FrameChangeEventArgs.html#Syncfusion_Blazor_ImageEditor_FrameChangeEventArgs_PreviousFrameSetting) - Frame settings (size, color, inset, offset, gradient color) applied before the change.
107107

108-
* [`FrameChangeEventArgs.CurrentFrameSetting`](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.ImageEditor.FrameChangeEventArgs.html#Syncfusion_Blazor_ImageEditor_FrameChangeEventArgs_CurrentFrameSetting) - The frame settings including size, color, inset, offset, gradient color which is going to apply after changing the frame.
108+
- [FrameChangeEventArgs.CurrentFrameSetting](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.ImageEditor.FrameChangeEventArgs.html#Syncfusion_Blazor_ImageEditor_FrameChangeEventArgs_CurrentFrameSetting) - Frame settings (size, color, inset, offset, gradient color) to be applied after the change.
109109

110-
* [`FrameChangeEventArgs.Cancel`](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.ImageEditor.FrameChangeEventArgs.html#Syncfusion_Blazor_ImageEditor_FrameChangeEventArgs_Cancel) - Specifies a boolean value to cancel the frame changing action.
110+
- [FrameChangeEventArgs.Cancel](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.ImageEditor.FrameChangeEventArgs.html#Syncfusion_Blazor_ImageEditor_FrameChangeEventArgs_Cancel) - Indicates whether to cancel the frame-changing action.
96.2 KB
Loading
-72.2 KB
Binary file not shown.

0 commit comments

Comments
 (0)