scale9grid图片九宫缩放

联合创作 · 2023-10-02 08:17

这是图片九宫缩放技术的 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});
浏览 7
点赞
评论
收藏
分享

手机扫一扫分享

编辑 分享
举报
评论
图片
表情
推荐
点赞
评论
收藏
分享

手机扫一扫分享

编辑 分享
举报