Thursday, July 30, 2015

Convert text into image and show image preview in

In this article I am going to explain how to Convert text into image and show image preview in

In the previous article I have explained Pass parameter to RDLC report and CreateRDLC report using Store procedure

When users enter text in textbox/input, entered text will be converting into png image and showing its preview.

Add a webform to project. Drag and drop the required control from toolbox to webform.
HTML Markup of webform:
<table><tr><td>Enter Text</td><td>
        <asp:TextBox ID="txtname" runat="server"></asp:TextBox></td></tr>
            <asp:Button ID="btnconvert" runat="server" Text="Convert Text Into Image" /></td></tr>
            <asp:Image ID="imgpreview" runat="server" /></td></tr>

Add the namespaces to code file
using System.Drawing.Text;
using System.Drawing.Drawing2D;
using System.IO;
using System.Drawing.Imaging;
using System.Drawing;

Imports System.Drawing.Text
Imports System.Drawing.Drawing2D
Imports System.IO
Imports System.Drawing.Imaging
Imports System.Drawing

Converting the text into image and show the preview
Write the below given code on button click
protected void btnconvert_Click(object sender, EventArgs e)
    private Bitmap ConvertTextIntoImage(string strImageText)
        Bitmap objBmpImage = new Bitmap(1, 1);
        Font objFont = new Font("century", 50, System.Drawing.FontStyle.Bold, System.Drawing.GraphicsUnit.Pixel);
        Graphics objGraphics = Graphics.FromImage(objBmpImage);
        int intWidth = (int)objGraphics.MeasureString(strImageText, objFont).Width;
        int intHeight = (int)objGraphics.MeasureString(strImageText, objFont).Height;
        objBmpImage = new Bitmap(objBmpImage, new Size(intWidth, intHeight));
        objGraphics = Graphics.FromImage(objBmpImage);
        objGraphics.SmoothingMode = SmoothingMode.AntiAlias;
        objGraphics.TextRenderingHint = TextRenderingHint.AntiAlias;
        objGraphics.DrawString(strImageText, objFont, new SolidBrush(Color.FromArgb(134, 75, 33)), 0, 0);
        string fileName = Path.GetFileNameWithoutExtension(Path.GetRandomFileName()) + ".png";
        objBmpImage.Save(Server.MapPath("~/images/") + fileName, ImageFormat.Png);
        imgpreview.ImageUrl = "~/images/" + fileName;
        return (objBmpImage);

Protected Sub btnconvert_Click(sender As Object, e As EventArgs) Handles btnconvert.Click
    End Sub
    Private Function ConvertTextIntoImage(strImageText As String) As Bitmap
        Dim objBmpImage As New Bitmap(1, 1)
        Dim objFont As New Font("century", 50, System.Drawing.FontStyle.Bold, System.Drawing.GraphicsUnit.Pixel)
        Dim objGraphics As Graphics = Graphics.FromImage(objBmpImage)
        Dim intWidth As Integer = CInt(objGraphics.MeasureString(strImageText, objFont).Width)
        Dim intHeight As Integer = CInt(objGraphics.MeasureString(strImageText, objFont).Height)
        objBmpImage = New Bitmap(objBmpImage, New Size(intWidth, intHeight))
        objGraphics = Graphics.FromImage(objBmpImage)
        objGraphics.SmoothingMode = SmoothingMode.AntiAlias
        objGraphics.TextRenderingHint = TextRenderingHint.AntiAlias
        objGraphics.DrawString(strImageText, objFont, New SolidBrush(Color.FromArgb(134, 75, 33)), 0, 0)
        Dim fileName As String = Path.GetFileNameWithoutExtension(Path.GetRandomFileName()) + ".png"
        objBmpImage.Save(Server.MapPath("~/images/") & fileName, ImageFormat.Png)
        imgpreview.ImageUrl = Convert.ToString("~/images/") & fileName
        Return (objBmpImage)
    End Function
Build, run the project and see the result.
Convert text into image and show image preview in

    In this article we have learn how to Convert text into image and show image preview in (C#, VB). I hope you enjoyed this article. 

No comments:

Post a Comment