I want to show Components in a tabs , so first of all create few components. In this project we have three components, First View Component public class AllViewComponent : ViewComponent { private readonly UserManager<ApplicationUser> _userManager; public AllViewComponent(UserManager<ApplicationUser> userManager) { _userManager = userManager; } public async Task<IViewComponentResult> InvokeAsync() { List<StudentViewModel> allUsers = new List<StudentViewModel>(); var items = await _userManager.Users.ToListAsync(); foreach (var item in items) { allUsers.Add(new StudentViewModel {Id=item.Id, EnrollmentNo = item.EnrollmentNo, FatherName = item.FatherName, Name = item.Name, Age = item.Age, Birthdate = item.Birthdate, Address = item.Address, Gender = item.Gender, Email = item.Email }); }
In this article, I will show you how to convert Text into image. I will take text from TextBoxes and convert it into image using Graphics class. Generated image will be show on image control. I have an example of it. First of all add one TextBox, One Button and One image control on web form.
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="texttoimage.aspx.cs" Inherits="texttoimage" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
</head>
<body>
<form id="form1" runat="server">
<div>
Enter Name :
<asp:TextBox ID="TextBox1" runat="server" Width="192px"></asp:TextBox>
<br />
<br />
<asp:Button ID="Button1" runat="server" OnClick="Button1_Click" Text="Text 2 Image" />
</div>
<p>
<asp:Image ID="Image1" runat="server" Height="178px" Visible="False" Width="315px" />
</p>
</form>
</body>
</html>
By using DrawString ( ) method we can put Text on image. There are following parameter which are put into this method:
Text = Which is taken from textBox.
Font = Font, it means Font family, Font Size, Font style, font unit etc. You can add all these properties by using Font class.
By using the Bitmap class we can create Image. In it we have two parameters i.e width and height.
Code Behind Code
using System;
using System.Collections.Generic;
using System.Drawing;
using System.Drawing.Imaging;
using System.IO;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
public partial class texttoimage : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
}
protected void Button1_Click(object sender, EventArgs e)
{
string textboxtext = TextBox1.Text.Trim();
Bitmap bitmap = new Bitmap(1, 1);
Font font = new Font("Arial", 20, FontStyle.Regular, GraphicsUnit.Pixel);
Graphics grap = Graphics.FromImage(bitmap);
int width = (int)grap.MeasureString(textboxtext, font).Width;
int height = (int)grap.MeasureString(textboxtext, font).Height;
bitmap = new Bitmap(bitmap, new Size(width, height));
grap = Graphics.FromImage(bitmap);
grap.Clear(Color.White);
grap.SmoothingMode = System.Drawing.Drawing2D.SmoothingMode.AntiAlias;
grap.TextRenderingHint = System.Drawing.Text.TextRenderingHint.AntiAlias;
grap.DrawString(textboxtext, font, new SolidBrush(Color.FromArgb(255, 1, 1)), 0, 0);
grap.Flush();
grap.Dispose();
string savefile = Path.GetFileNameWithoutExtension(Path.GetRandomFileName()) + ".jpg";
bitmap.Save(Server.MapPath("~/img/") + savefile, ImageFormat.Jpeg);
Image1.ImageUrl = "~/img/" + savefile;
Image1.Visible = true;
}
}
Comments
Post a Comment