Javascript 图像圆角
我需要显示带有圆角的图像。很久以前,我看到一个网站使用 JavaScript 库来执行此操作,该库将圆角图像覆盖在普通图像上。
我们是否有任何 javascript 库(最好是 jQuery 插件)可以直接对 img 标签执行此操作,而不是使用 jg 图像作为 div 的背景?
I need to display images with rounded corner. Long time back I saw a website doing this using a javascript library that overlayed the rounded corner image over the normal image.
Do we have any javascript library (preferably jQuery plugin) to do this directly to img tags rather than usijg image as background for a div?
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
您可以将 CSS3
border-radius
应用于img
元素,但结果有点不稳定。亲自查看: http://jsbin.com/exiha 这解释了为什么您正在谈论的覆盖层是一种必需品。jQuery Corner 插件 可与图像一起使用:http://www.malsup.com/jquery/corner/image.html
You can apply CSS3
border-radius
toimg
elements, but the results are a bit wonky. See for yourself: http://jsbin.com/exiha This explains why the overlay you’re talking about is a necessity.The jQuery Corner Plugin can be used with images: http://www.malsup.com/jquery/corner/image.html