Javascript“画图”Asp.net版

最新推荐文章于 2019-07-31 22:41:43 发布

he_8134

最新推荐文章于 2019-07-31 22:41:43 发布

阅读量1.9k

点赞数

CC 4.0 BY-SA版权

文章标签： javascript asp.net string input html button

本文链接：https://blog.youkuaiyun.com/he_8134/article/details/1967264

本文介绍了一个使用 ASP.NET 和 C# 实现的动态图片生成示例，该示例可以根据用户选择的不同字体和输入的文字内容实时生成一张图片。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

其实是借地方放张图片。

<%@ Page Language="C#" %>
<%@  Import Namespace="System.Drawing" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
    <title>无标题页</title>
    <script type="text/javascript">
    function getImage(){
        var family=document.getElementById("family").value;
        var text=document.getElementById("text").value;
        var url="default.aspx?family="+escape(family)+"&text="+escape(text);
        document.getElementById("show").src=url;
    }

    </script>
</head>
<body>
    请选择字体：
    <select id="family">
    <%foreach ( FontFamily f in FontFamily.Families){%>
          <option value=<%=f.Name %>><%=f.Name %></option>
    <%} %>
    </select>

    请输入文字：<input id="text" type="text" />

    <input type="button" value="生成图片" onclick="getImage()" />
    <br /><img id="show" />
</body>
</html>

default.aspx代码

using System;
using System.Data;
using System.Configuration;
using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
using System.Web.UI.HtmlControls;
using System.Drawing;
using System.IO;
public partial class _Default : System.Web.UI.Page
{
    protected void Page_Load(object sender, EventArgs e)
    {
        Response.ContentType = "image/jpeg";
        string family = Request.QueryString["family"];
        string text = Request.QueryString["text"];
        Bitmap img = new Bitmap(200, 50);
        Graphics g = Graphics.FromImage(img);
        try
        {
            g.DrawString(text, new Font(family, 20), Brushes.Black, 0, 0);
            img.Save(@"d:S.jpg");
            Response.WriteFile(@"d:S.jpg");
            Response.End();
        }
        catch { }
        finally {
            img.Dispose();
        }
    }
}

QQ截图