MVC 中的动态图像（Stack Exchange Beta 站点）

Question

我一直在查看 Stack Exchange Beta 网站，并注意到每个进入测试版的网站顶部都有一个图形，其中包含“Web 应用程序 Beta”或“游戏 Beta”等字样。

我想知道这些图像是单独创建的还是以某种方式动态创建的？有没有办法使用 MVC.NET 动态创建 PNG？

如果这个论坛的答案太复杂，有人可以给我指出一些有帮助的文章吗？

预先感谢

嗅探者

Answer 1

是的，有一种方法可以使用 ASP.NET MVC 动态生成和提供图像。这是一个示例：

public class HomeController : Controller
{
    public ActionResult MyImage()
    {
        // Load an existing image
        using (var img = Image.FromFile(Server.MapPath("~/test.png")))
        using (var g = Graphics.FromImage(img))
        {
            // Use the Graphics object to modify it
            g.DrawLine(new Pen(Color.Red), new Point(0, 0), new Point(50, 50));
            g.DrawString("Hello World", 
                new Font(FontFamily.GenericSerif, 20), 
                new Pen(Color.Red, 2).Brush, 
                new PointF(10, 10)
            );

            // Write the resulting image to the response stream
            using (var stream = new MemoryStream())
            {
                img.Save(stream, ImageFormat.Png);
                return File(stream.ToArray(), "image/png");
            }
        }
    }
}

然后只需将此图像包含在视图中即可：

<img src="<%= Url.Action("myimage", "home") %>" alt="my image" />

Answer 2

这对我有用。

using System.Web.Helpers;
public class HomeController : Controller
{
    public FileContentResult ImageOutput()
    {

         WebImage img = new WebImage("C:\\temp\\blank.jpg"));

         //Do whatever you want with the image using the WebImage class

         return new FileContentResult(img.GetBytes(), string.Format("image/{0}",img.ImageFormat));
    }
}

要使用它，只需按照达林所说的做同样的事情

<img src="<%= Url.Action("ImageOutput", "home") %>" alt="my image" />