图片九宫缩放技术的 Javascript 实现:scale9Grid

jopen 11年前

这是图片九宫缩放技术的 Javascript 实现。所谓九宫缩放,就是图片四个角部分保持原样不动,四个边处只在单方向上延展的图片缩放技术。这一技术又称 9-patch、9-slice或者 scale 9 grid、scale 9 image,像 Android 中的 .9.png, ActionScript中的 scale9Grid 都是它的不同实现。有了这个插件,你就可以在古董 IE 上自由缩放图片,却又能保证图片边角处的细节,比如圆角、阴影,统统不走样! 示例
图片九宫缩放技术的 Javascript 实现

这是一个优秀的 jQuery 插件,使用起来同样十分简单,不需修改图片,只需圈定图片哪部分要缩放即可。

项目主页:http://www.open-open.com/lib/view/home/1387774347062