开源中国

我们不支持 IE 10 及以下版本浏览器

It appears you’re using an unsupported browser

为了获得更好的浏览体验,我们强烈建议您使用较新版本的 Chrome、 Firefox、 Safari 等,或者升级到最新版本的IE浏览器。 如果您使用的是 IE 11 或以上版本,请关闭“兼容性视图”。
scale9grid首页、文档和下载 - 图片九宫缩放 - 开源中国社区
全部项目分类
我要评价
MIT
JavaScript
跨平台
分享
收藏
11 人收藏
收录时间:2013-12-21
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});

大家对 scale9grid 的评论 (全部 0 条评论)
{{repayCom.userName}}
顶部