图片九宫缩放 scale9grid

• 授权协议: MIT
• 开发语言: JavaScript
• 操作系统: 跨平台
• 软件首页: http://code.google.com/p/scale9grid
• 软件文档: http://code.google.com/p/scale9grid

软件介绍

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

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

    $('#elementid').scale9Grid({
        top:10,
        bottom:10,
        left:10,
        right:10});

本文地址：https://codercto.com/soft/d/21347.html