Drawing

There are 3 options that you can use to draw on the image.

• Draw Text
• Draw Shape
• Draw with a Pen

Figure 1: Draw Buttons

Draw Text

To draw text click the button and the DrawText dialog will be shown. In it you need to provide the text and set various other options.

Figure 2: DrawText Dialog

Drawing text programmatically

The following snippet shows how you can add text using the RadImageEditor API.

• C#
• VB.NET

radImageEditor1.ImageEditorElement.DrawString("Test", 12, Color.Red, 200, 200, 120);
radImageEditor1.ImageEditorElement.SaveState();

radImageEditor1.ImageEditorElement.DrawString("Test", 12, Color.Red, 200, 200, 120)
radImageEditor1.ImageEditorElement.SaveState()

Draw Shape

When the Draw Shape button is pressed the DrawShape dialog appears. In this dialog you can specify the type and the size of the shape. You can set its colors as well.

Figure 3: DrawShape Dialog

Once you are ready with the settings you can draw your shape with the mouse.

Figure 4: Drawing Shapes

The currently supported shapes are:

• FreeFlow
• Rectangle
• Square
• Ellipse
• Circle
• Arrow

Draw Shape Programmatically

To draw a shape in the code behind you need to provide a path. The bellow code demonstrates how you ca create a RoundRectShape:

• C#
• VB.NET

RoundRectShape shape = new RoundRectShape();
Rectangle rect = new Rectangle(0, 0, 100, 100);
var path = shape.CreatePath(rect);
radImageEditor1.ImageEditorElement.DrawShape(path, Color.Red, Color.Green, 3);
radImageEditor1.ImageEditorElement.SaveState();

Dim shape As New RoundRectShape()
Dim rect As New Rectangle(0, 0, 100, 100)
Dim path = shape.CreatePath(rect)
radImageEditor1.ImageEditorElement.DrawShape(path, Color.Red, Color.Green, 3)
radImageEditor1.ImageEditorElement.SaveState()

Draw with a Pen

When the Draw button is pressed the Draw dialog appears. In this dialog you can specify the size and the color of the brush. One you are done you can directly star drawing on the image surface.

Figure 1: Draw Dialog