New to Telerik UI for WinForms? Download free 30-day trial


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

Figure 1: Draw Buttons

WinForms RadImageEditor 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

WinForms RadImageEditor DrawText Dialog

Drawing text programmatically

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

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

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

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

WinForms RadImageEditor DrawShape Dialog

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

Figure 4: Drawing Shapes

WinForms RadImageEditor 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:

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);

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)

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

WinForms RadImageEditor Draw Dialog

See Also

In this article