如何使用 CSS 在图像周围添加非矩形边框?
我有三张图像,它们的形状不是正方形或长方形。他们就像任何人的脸一样。
所以,基本上,我的图像尺寸为 196x196 或类似的尺寸,但完整的正方形或矩形,脸部位于中间,透明背景位于其余部分。
现在,我也想删除透明背景并只保留面孔。
不知道这是否可能,请注意,这不是一个编程问题。
编辑(来自评论):如何使用 CSS 在图像形状周围放置边框,而不是在边界周围放置矩形边框。
I have three images, and they are not square or rectangular in shape. They are just like face of anyone.
So, basically, my images are in the size 196x196 or anything like that, but complete square or rectangle with the face in the middle and transperant background in the rest of the portion.
Now, I want to remove the transperant background too and just keep the faces.
Don't know if this is possible and mind you, this isn't a programming question.
EDIT (from comments): How do I put a border around the shape of the image, not a rectangular one around the boundary, using CSS.
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
回答你关于脸部周围边界的问题。
据我所知,没有办法用 CSS 来做到这一点——你可以使用 ImageMagick 编写一个程序来做到这一点,或者(免责声明,我在 Atalasoft 工作)DotImage,.NET 成像 SDK。无论在哪种情况下,您都可以复制文件,调整大小和颜色,然后将原始文件覆盖在其上。
To answer your question about borders around the face.
There is no way to do this with CSS that I know of -- you could write a program to do this using ImageMagick or (dislaimer, I work for Atalasoft) DotImage, a .NET imaging SDK. In either, you'd copy the file, do the resize, the color, and then overlay the original onto it.