Question

我目前有一个图像显示给用户，我正在尝试根据传入的两个参数为此图像添加动态文本。

我遇到的问题是，当我单步执行代码时，它似乎都正常工作，但是当我在下面的代码运行后看到屏幕上的图像时，它上面没有文字。

以下是我目前的代码设置：

   public ActionResult GenerateImage(string savingAmount, string savingDest)
    {
        // Hardcoding values for testing purposes.
        savingAmount = "25,000.00";
        savingDest = "Canada";


        PointF firstLocation = new PointF(10f, 10f);
        PointF secondLocation = new PointF(10f, 50f);


        Image imgBackground = Image.FromFile(Server.MapPath("~/assets/img/fb-share.jpg"));

        int phWidth = imgBackground.Width; int phHeight = imgBackground.Height;

        Bitmap bmBackground = new Bitmap(phWidth, phHeight, PixelFormat.Format24bppRgb);

        bmBackground.SetResolution(72, 72);

        Graphics grBackground = Graphics.FromImage(bmBackground);

        Bitmap bmWatermark;
        Graphics grWatermark;

        bmWatermark = new Bitmap(bmBackground);
        bmWatermark.SetResolution(imgBackground.HorizontalResolution, imgBackground.VerticalResolution);

        grWatermark = Graphics.FromImage(bmWatermark);

        grBackground.SmoothingMode = SmoothingMode.AntiAlias;

        // Now add the dynamic text to image 
        using (Graphics graphics = Graphics.FromImage(imgBackground))
        {
            using (Font arialFont = new Font("Arial", 10))
            {
                grWatermark.DrawString(savingAmount, arialFont, Brushes.White, firstLocation);
                grWatermark.DrawString(savingDest, arialFont, Brushes.White, secondLocation);
            }
        }

        imgBackground.Save(Response.OutputStream, ImageFormat.Png);

        Response.ContentType = "image/png";

        Response.Flush();
        Response.End();


        return null;

    }

正如此代码运行后所提到的，然后我在浏览器中看到图像，但图像上没有显示文字，任何人都可以看到/建议可能导致此问题的原因吗？

Answer 1

我觉得在该代码中有许多图像用于描述代码的意图。你想要的应该减少到这个：

加载图片
在该图片上创建图形
绘制图形并关闭
将图像输出到客户端

在您提供的代码示例中，您将在imgBackground上打开图形，然后绘制到之前打开的grWatermark图形，而不是再次触摸的图像。

public ActionResult GenerateImage(string savingAmount, string savingDest)
{
    // Hardcoding values for testing purposes.
    savingAmount = "25,000.00";
    savingDest = "Canada";

    PointF firstLocation = new PointF(10f, 10f);
    PointF secondLocation = new PointF(10f, 50f);

    Image imgBackground = Image.FromFile(Server.MapPath("~/assets/img/fb-share.jpg"));
    using (Graphics graphics = Graphics.FromImage(imgBackground))
    {
        using (Font arialFont = new Font("Arial", 10))
        {
            graphics.DrawString(savingAmount, arialFont, Brushes.White, firstLocation);
            graphics.DrawString(savingDest, arialFont, Brushes.White, secondLocation);
        }
    }

    imgBackground.Save(Response.OutputStream, ImageFormat.Png);

    Response.ContentType = "image/png";

    Response.Flush();
    Response.End();

    return null;
}

将动态文本添加到图像

1 个答案: