Add text to an image on specific position via JavaScript

Updated over 6 months ago

Environment

Product

RadImageEditor for ASP.NET AJAX

Description

Learn below how to add text to an image on specific position within RadImageEditor.

Solution

You can attach a button click event and execute the function below to get a reference to the ImageEditor and add text to an image on a specific position:

JavaScript

function AddTextToImage() {
    var editor = $find("<%=RadImageEditor.ClientID%>"); //get reference to RadImageEditor on the client

    var text = new Telerik.Web.UI.ImageEditor.ImageText();
    text.set_text("Test !!!");
    editor.addTextToImage(20, 50, text);
}