Aspect Ratio
(This plugin is still in Beta)
What is this?
This plugin attempts to easily bring aspect ratio to an html object such as an Image.
Requirements
- jQuery 1.2.3+
- Dimensions 1.2+
Browser Support
- Internet Explorer 6+
- FireFox 2+
- Should work in most other browsers, but still needs some testing.
How do I use it?
- Add the jquery library to your page.
- Add the Dimensions plugin to the page - http://plugins.jquery.com/project/dimensions
- Finally, Add the Aspect Ratio plugin to the page.
To manipulate all images on a page w/ the AspectRatio plugin, simply type...
$('img').AspectRatio();
...that's it. Just make sure you wrap the "ready" function around this before using it.
Any feedback is greatly appreciated and helps to make this plugin better!
Enjoy!
-
aspect ratio - 宽高比 The aspect ratio of a geometric shape is the ratio of its sizes in different dimensions. For example, the aspect ratio of a rectangle is the ratio of its longer side to its shorter
-
1:AspectRatio组件,可以控制子元素在父亲元素中的宽高比,让子元素布局和显示更加完美: AspectRatio(aspectRatio: 1/2,child:Container()),child属性对应的container组件相对于在它的父组件中显示宽高比例为 1:2 2:Card组件,类似于卡片效果,周边有阴影的那种效果,配合listview中的listile使用做列表效果,用法:
-
AspectRatio widget 是用来约束宽高比例的，如果你需要 widget 必须要有一定的宽高比，这个组件就很有用。 但 AspectRatio 并不总是如你所愿，我一度想直接设置宽高达到同样的目的，但当你了解了它的逻辑之后，发现这样做并不明智，因为即使是直接设置高度，这些逻辑也是少不了的。 AspectRatio 需要父容器至少 width 或 height 是有边界的。 想想也是合理
-
AspectRatio的作用是根据设置调整子元素child的宽高比。 AspectRatio首先会在布局限制条件允许的范国内尽可能的扩展widget的高度是由宽度和比率决定的，类似于BoxFit中的contain，按照固定比率去尽量占满区域 如果在满足所有限制条件过后无法找到一个可行的尺寸，AspectRatio最终将会去优先适应布局限制条件，而忽路所设置的比率。 属性 说明 aspectRati
-
com.Android.builder.internal.aapt.v2.aapt2exception:Android资源编译失败/users/username/.gradle/caches/transforms-2/files-2.1/94 a628954aabd306de764f6ff2843371/res/values/values.xml:8:5-35:25:aapt:error：资源'a
-
设置日程表的宽高比，值为浮点型，默认1.35。日程表是块级元素，会尽量撑满宽度，日程表的高度则有aspectRatio决定（提示：）。 下面的例子会显示一个宽为高两倍的日程表： $('#calendar').fullCalendar({ aspectRatio: 2 }); 可以在日程表初始化之后动态的设置aspectRatio： $('#calendar').fullCalendar('