scale9grid

图片九宫缩放
授权协议 MIT
开发语言 JavaScript
所属分类 jQuery 插件、 jQuery图片展示/幻灯插件
软件类型 开源软件
地区 不详
投 递 者 魏凡
操作系统 跨平台
开源组织
适用人群 未知
 软件概览

这是图片九宫缩放技术的 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});
  • 一、API中关于九宫缩放scale9Grid的介绍 1、当定义flash.display.DisplayObject的scale9Grid:Rectangle属性时,该显示对象被分割到以scale9Grid矩形为基础的具有九个区域的网格中。网格的其它八个区域如下:矩形外的左上角、矩形上方的区域、矩形外的右上角、矩形左侧的区域、矩形右侧的区域、矩形外的左下角、矩形下方的区域、矩形外的右下角,可以认为

  • 源码: /***************************************************** * * The Initial Developer of the Original Code is Jave.Lin(afeng). * * Scale9Grid.as * Create By Jave.Lin(afeng) * 2012-9-5 下午2

  • 最近做游戏,发现flash里位图是无法使用scale9Grid这个属性,,,没办法,只好自己写了一个,,,原理很简单,,用程序把位图切成九块,,装里一个Sprite里,然后重写Sprite的width和height这两个方法,根据改变大小来重新设置位图的各个位置…这样就实现了位图的不变形缩放…. ps:近期我会把以前做的一些小东西的源码放出来,供大家学习使用… 严重声明,,, 发现好多人都不知道这

  • 如有错误,恳请指出。 1. Multi-scale training理论概要 多尺度训练对全卷积网络有效,一般设置几种不同尺度的图片,训练时每隔一定iterations随机选取一种尺度训练。这样训练出来的模型鲁棒性强,其可以接受任意大小的图片作为输入,使用尺度小的图片测试速度会快些,但准确度低,用尺度大的图片测试速度慢,但是准确度高。 训练时,预先定义几个固定的尺度,每个epoch随机选择一个尺度

  • Scale提供x。当你给Scale小部件一个函数时,它用当前值调用该函数。在 我将以一种理智的方式重写您的代码,这样您可能会更好地遵循它:from tkinter import * color = [0,0,0] # standard red, green, blue (RGB) color triplet def convert_color(color): '''converts a list

  • 在用grid.py进行较差验证之前 1、需要安装python,安装完成后将安装目录写到系统环境变量中,例如:D:\Program Files\python;。 2、下载绘图工具gnuplot,不需要安装,直接解压后放到合适位置 3、在tools文件夹中打开grid.py,用python打开(不能双击,而要右键选择“Edit with IDLE”),修改svmtrain_exe和gnuplot_ex

  • 关于vue-gird-layout 的使用方法规范 <grid-layout // 网格初始化布局 数组 必填 每一项都必须具有i、x、y、w和h属性 :layout.sync="layout" // 表示网格有多少列 number 类型 非必填 默认为12

 相关资料
  • grid 九宫格,功能类似于微信钱包界面中的九宫格,用于展示有多个相同级别的入口。包含功能的图标和简洁的文字描述。实现这个布局主要就是用了 weui 中的 .weui-grid,这种布局在 mpvue中也是完全支持的,示例代码如下: <template> <div class="page"> <div class="page__bd"> <div class="weui-g

  • 九宫格问题,要求: 行列必须为相等的奇数 每行数字之和、每列数字之和、两个对角线数字之和,都相等 思路说明 按照下面的方式排列 横向为x(从0到n-1),纵向为y方向(从0到n-1) 1、第一个数放在X方向的中间位置 2、其它数顺次放置各个位置,并依据如下原则:(假设第一个数是a,第二个数是b) 以a为中心的位置关系分别为: 左上|上|右上 左 |a |右 左下|下|右下 (1)b放在a的右上位置

  • 本文向大家介绍Android实现九宫格拼图游戏,包括了Android实现九宫格拼图游戏的使用技巧和注意事项,需要的朋友参考一下 经常有同学问到,使用Android能不能开发游戏呢?能开发那些游戏呢?由于操作系统和开发语言局限,一般开发安卓手机游戏,我们很少使用其自带语言开发。而是使用指定编译器和语言完成,能够使界面更流畅,用户体验感更好。但是对于一些常见小游戏,使用JAVA语言开发运行,还是不在话

  • 本文向大家介绍js实现九宫格拼图小游戏,包括了js实现九宫格拼图小游戏的使用技巧和注意事项,需要的朋友参考一下 效果如下: 代码如下: 设计思路: 我们要做的就是设置一个大 DIV 用来包裹里面的小 DIV,然后在里面设置 8 个小 DIV,从 1 开始给他们编号。右边设置两个按钮,点击开始的时候开始计时,完成拼图后停止计时,并弹出一个框,提示完成了。重来按钮是当用户觉得当前有难度的时候,点击重来

  • 本文向大家介绍js实现九宫格图片半透明渐显特效的方法,包括了js实现九宫格图片半透明渐显特效的方法的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了js实现九宫格图片半透明渐显特效的方法。分享给大家供大家参考。具体实现方法如下: 希望本文所述对大家的javascript程序设计有所帮助。

  • 本文向大家介绍实现九宫格布局相关面试题,主要包含被问及实现九宫格布局时的应答技巧和注意事项,需要的朋友参考一下