广告牌画布统一 - C#

简介

这个项目是为了解决在不同分辨率下，广告牌/横幅的显示大小不同的问题而开发的。通过该项目，可以使得广告牌/横幅在不同的分辨率下，保持统一的显示大小和比例。

功能

1. 限制广告牌/横幅的最大宽度和高度，保证其在任何分辨率下都不会过大而影响页面布局。
2. 统一广告牌/横幅的显示比例，使其在任何分辨率下，都保持该比例。这样可以防止图片拉伸变形，保持图片的原始比例和质量。

开发环境

• 开发工具：Visual Studio 2019
• 编程语言：C#
• 所需框架：.NET Framework 4.6.1 或更高版本

代码实现

定义画布大小

private const int MaxWidth = 1000; // 最大宽度
private const int MaxHeight = 1000; // 最大高度
private const double Ratio = 2.5; // 宽高比例
private int canvasWidth; // 画布宽度
private int canvasHeight; // 画布高度

public void SetCanvasSize(int width, int height)
{
    if (width > MaxWidth)
    {
        canvasWidth = MaxWidth;
        canvasHeight = (int)(canvasWidth / Ratio);
    }
    else if (height > MaxHeight)
    {
        canvasHeight = MaxHeight;
        canvasWidth = (int)(canvasHeight * Ratio);
    }
    else
    {
        canvasWidth = width;
        canvasHeight = height;
    }
}

统一图片大小和比例

public Bitmap DrawOnCanvas(Bitmap image)
{
    int w = image.Width;
    int h = image.Height;

    // 统一宽度
    if (w > canvasWidth)
    {
        h = (int)(h * ((double)canvasWidth / w));
        w = canvasWidth;
    }

    // 统一高度
    if (h > canvasHeight)
    {
        w = (int)(w * ((double)canvasHeight / h));
        h = canvasHeight;
    }

    // 绘制图片
    Bitmap bmp = new Bitmap(canvasWidth, canvasHeight);
    Graphics g = Graphics.FromImage(bmp);

    g.InterpolationMode = System.Drawing.Drawing2D.InterpolationMode.HighQualityBicubic;
    g.DrawImage(image, (canvasWidth - w) / 2, (canvasHeight - h) / 2, w, h);

    g.Dispose();

    return bmp;
}

总结

本项目通过限制广告牌/横幅的最大宽度和高度，并统一其显示比例，实现了在不同分辨率下，广告牌/横幅的统一显示。该功能可以很好地应用于网页开发和应用程序开发中，使得应用程序在不同分辨率下，保持视觉效果的稳定和一致。