corner.js支持IE9圆角效果处理
老项目的圆角图片效果不好搞？试试轻量的 corner.js 吧。这个小工具专门搞定圆角，关键是——连 IE9 都能跑，这点在老旧项目里太香了。你只要引个 corner.js 脚本，配上一行代码，方图立马变圆。嗯，就是这么简单粗暴。
以前用 border-radius，IE9 以下直接扑街，corner.js 就是来兜底的。它原理也不复杂，就是用 JS 模拟出圆角效果，兼容性做得还挺到位。你可以随便调圆角大小，甚至做点过渡动画。
比如你有一张 ID 是 myImage 的图片，加个圆角只要：
document.getElementById('myImage').corner({size: 20});嗯，就这一句，搞定。你甚至还能设置四个角分别的大小，或者只做上边两个角。有点像 CSS 的 border-radius: 20px 20px 0 0，但写法是 JS 的。
啦，如果你现在做的是全新项目，那还是建议直接用 CSS3，毕竟简单、快，还原生支持。不过要是你维护的是老项目、客户还坚持支持 IE9，那 corner.js 绝对值得你收着用。
顺带说一句，corner.js 不是孤家寡人，它背后的开发者社区还有其他工具可以一起看看。你可以去这里看看相关内容，说不定还有别的惊喜。
文件大小：279.87KB
评论区