我正在尝试将图像裁剪为圆形,圆圈外的区域为白色。
新图像尺寸与原始尺寸相同,只是有效地使图像变圆。
我熟悉如何使用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;
}
答案 0 :(得分:16)
您需要先将背景绘制为您想要的颜色:
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的文件格式(例如png)。
答案 1 :(得分:2)
您可以使用HTML和CSS3实现此目的。
HTML
<div class="circular"></div>
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/