如何使用CSS在图像周围添加非矩形边框?

时间:2010-05-08 18:36:15

标签: css image-processing image-manipulation

我有三张图片,它们的形状不是方形或矩形。他们就像任何人的面孔。

所以,基本上,我的图像大小为196x196或类似的东西,但完整的正方形或矩形,中间的面部和部分其余部分的透明背景。

现在,我想删除透明背景,只保留面孔。

不知道这是否可能,请注意,这不是一个编程问题。

编辑(来自评论):如何使用CSS在图像的形状周围放置边框,而不是边界周围的矩形边框。

1 个答案:

答案 0 :(得分:2)

回答你关于脸部边界的问题。

  1. 将图像加载到Photoshop或gimp
  2. 制作第二层作为副本
  3. 在底部图层上,调整面部大小,使其大小超出您希望边框的数量
  4. 使用低公差填充带有边框颜色的放大面,使面部现在为单色
  5. 保存为.png并允许它展平。
  6. 我无法用我知道的CSS做到这一点 - 您可以使用ImageMagick或(免责声明,我为Atalasoft工作)DotImage编写一个程序来执行此操作,这是一个.NET成像SDK。在其中一个中,您要复制文件,调整大小,颜色,然后将原始图像叠加到其上。