如何将图像裁剪成圆圈？

Question

我正在尝试将图像裁剪成圆形,圆形区域外面的区域为白色.

新的图像尺寸将与原始尺寸相同,只是有效地舍入图像.

我熟悉如何使用GDI +裁剪图像,通过拍摄现有图像并将其复制到新图像中来绘制矩形/正方形,但我看不到如何用白色填充圆弧/圆的外部.

这可能吗？

更新 - 我想做服务器端,因为不同的浏览器/平台不同地渲染css半径,或者根本不同

我到目前为止的工作是:

public static Image CropCircle2(Image imgSource)
    {
        Image imgTarget = new Bitmap(imgSource.Width, imgSource.Height);
        Graphics g = Graphics.FromImage(imgTarget);
        var path = new System.Drawing.Drawing2D.GraphicsPath();
        path.AddEllipse(0, 0, imgTarget.Width, imgTarget.Height);
        g.SetClip(path);
        g.DrawImage(imgSource, 0, 0);

        return imgTarget;
    }

Answer 1

您需要先将背景绘制为您想要的颜色:

public static Image CropToCircle(Image srcImage, Color backGround)
{
    Image dstImage = new Bitmap(srcImage.Width, srcImage.Height, srcImage.PixelFormat);
    Graphics g = Graphics.FromImage(dstImage);
    using (Brush br = new SolidBrush(backGround)) {
        g.FillRectangle(br, 0, 0, dstImage.Width, dstImage.Height);
    }
    GraphicsPath path = new GraphicsPath();
    path.AddEllipse(0, 0, dstImage.Width, dstImage.Height);
    g.SetClip(path);
    g.DrawImage(srcImage, 0, 0);

    return dstImage;
}

测试代码:

Image srcImage = Bitmap.FromFile(@"..\..\080.jpg");
Image dstImage = CropToCircle(srcImage, Color.CadetBlue);
dstImage.Save(@"..\..\080cropped.jpg", ImageFormat.Jpeg);

输入:

输出:

如果您希望图像的外部是透明的,则需要将像素格式设置为具有Alpha通道(而不是srcImage的像素格式)并使用包含全透明alpha的背景颜色.保存时,请务必使用支持alpha的文件格式(例如png).