如何将图像裁剪成圆圈？

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

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

我熟悉如何使用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）。

Answer 2

您可以使用HTML和CSS3实现此目的。

HTML

CSS

 .circular { width: 300px; height: 300px; border-radius: 150px; -webkit-border-radius: 150px; -moz-border-radius: 150px; background: url(http://link-to-your/image.jpg) no-repeat; } 

因此，对于您的项目，您可以使用runat =“server”添加div，为其提供CSS类和ID，并以编程方式将背景添加到所需的背景中。

C＃

 yourDiv.Attributes.Add("style", "background: url(" + yourLink + ") no-repeat); 

请查看此链接以获取更多信息。 http://bavotasan.com/2011/circular-images-with-css3/