当前位置:  软件>JavaScript软件

图片九宫缩放 scale9grid

    来源:    发布时间:2015-01-04

    本文导语:  这是图片九宫缩放技术的 Javascript 实现。所谓九宫缩放,就是图片四个角部分保持原样不动,四个边处只在单方向上延展的图片缩放技术。这一技术又称 9-patch、9-slice或者 scale 9 grid、scale 9 image,像 Android 中的 .9.png, ActionScri...

这是图片九宫缩放技术的 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});

    
 
 

您可能感兴趣的文章:

  • jQuery图片缩放效果 FancyZoom
  • php与js对数据库图片等比缩放的代码 iis7站长之家
  • 请问各位大虾,用gtk编程如何让图片缩放,旋转?
  • 如何实现图片上传、缩放并存放到数据库中
  • php实现图片缩放效果
  • php实现图片缩放功能类
  • CSS expression控制图片自动缩放效果代码[兼容 IE,Firefox]
  • jquery实现图片按比例缩放示例
  • php缩放图片的实例代码
  • 请问各位大虾,在Applet中如何缩放图片?
  • php图片缩放实现方法
  • 哪位大哥知道像chinaren里边的校友录中的图片缩放是咋做地?
  • PHP图片等比例缩放生成缩略图函数分享
  • PHP等比例缩放图片生成缩略图函数的例子
  • Android 图片缩放与旋转的实现详解
  • 基于JQuery实现的图片自动进行缩放和裁剪处理
  • 图片自动缩放 autoCropImage
  • php与js对数据库图片等比缩放的代码
  • php图片裁剪与缩放方法
  • jquery 图片缩放拖动的简单实例
  •  
    本站(WWW.)旨在分享和传播互联网科技相关的资讯和技术,将尽最大努力为读者提供更好的信息聚合和浏览方式。
    本站(WWW.)站内文章除注明原创外,均为转载、整理或搜集自网络。欢迎任何形式的转载,转载请注明出处。












  • 相关文章推荐
  • iphone cocos2d 精灵的动画效果(图片,纹理,帧)CCAnimation实现
  • JS点击图片改变图片图径并用正则表达式取图片名的代码
  • Python3通过request.urlopen实现Web网页图片下载
  • Android 图片浏览器 雪梦图片浏览器
  • android中知道图片name时获取图片的简单方法
  • css为图片设置背景图片
  • android图像绘制(六)获取本地图片或拍照图片等图片资源
  • 有没有可以从已知图片里过滤出,不规则图片的滤镜??
  • 怎么让客户端从服务器下载图片后,看不到图片的最后修改时间
  • 如何将一个彩色bmp图片转换成黑白图片,急用
  • 查询图片,图片文件存放在数据库中好,还是存放路径好,是否有更好的解决办法
  • 图片和jlabel的大小不相同,怎样让图片充满整个jlabel?
  • PHP正则匹配图片并给图片加链接详解
  • phpphp图片采集后按原路径保存图片示例
  • codeigniter上传图片不能正确识别图片类型问题解决方法
  • jquery图片淡入淡出与图片切换效果的例子
  • linux能不能像xp那样子以幻灯片方式查看图片。我在一个文件夹里面有几张图片,想进行挑选。用幻灯片查看的方式比较方便
  • 加图片问题,我想在警告时加一个图片,程序如下,但我的图片出不来,各位高手帮帮忙
  • 我想调用图片的单击事件,再用函数动态加载图片,这样为什么不能实现???
  • 请问如何在JAVAMAIL中显示图片,如果附件中不是图片,如何给它加上链接让用户下载呢?
  • jquery图片轮播插件仿支付宝2013版全屏图片幻灯片


  • 站内导航:


    特别声明:169IT网站部分信息来自互联网,如果侵犯您的权利,请及时告知,本站将立即删除!

    ©2012-2021,,E-mail:www_#163.com(请将#改为@)

    浙ICP备11055608号-3