Menu

Shape
Shape是显示在二维平面上的三维物体

下载

类型

Shape

Shape是包括任何平面内容作为边的三维物体.

史蒂夫工作
史蒂夫·乔布斯是一个虚构的人物,旨在模仿读者熟悉的某个人.
2014年加入 151个朋友
史蒂夫菲
2014年加入
史蒂夫菲是一名生活在纽约市的图书馆科学家. 她喜欢把时间花在阅读、跑步和写作上.

多维数据集

对立方体Shape进行格式化,使每条边都是一个立方体的面

1
2
3
4
5
6

文本

将文本Shape格式化为允许显示文本的边

使用Shape
  • 一个Shape必须定义每边的宽度和高度,否则在动画期间文本流可能会改变
  • 该模块使用3D转换,目前只支持现代版本的Chrome, Safari, 和火狐.
你知不知道? 这一面开始可见.
帮助,是另side!
这是最后一面

例子

Shape类型

Shape不必是规则的或有它的边匹配的长度和宽度正确的动画.

Shape

汽车
广场
不规则的

开始

需要标记

Shape可以包含任意内容,只要将每一面包裹起来即可 side

这一面开始可见.
这是另side
这是最后一面

使用Javascript动画

动画使用CSS3过渡和Javascript设置正确的条件.

初始化一个Shape

$('.Shape的).Shape();

转换自动假设下一个元素是下一个兄弟元素(或者如果最后一个元素是第一个元素)

$('.Shape的).Shape(“向上翻转”);

使用选择器或jQuery对象手动设置下一页显示

$('.Shape的) .Shape('set 下一个 边的, 'set 下一个 方”).第二个.方”) .Shape(“翻转”) ;

任何内部方法都可以通过编程方式调用

$('.Shape的).Shape(“重画”);

行为

下面的所有行为都可以使用该语法调用:

$('.你的.元素”) .Shape('行为名称',argumentOne, argumentTwo) ;
行为 描述
翻转了 向上翻转Shape
抛下 向下翻转Shape
抛右 向右翻转Shape
翻转了 将Shape向左翻转
顺时针翻转Shape
翻转回来 逆时针翻转Shape
设置下侧(选择) 将旁边设置为特定的选择器
是动画 返回Shape当前是否处于动画状态
重置 删除所有内联样式
队列(动画) 将一个动画排在当前动画之后
重画 强制对元素进行回流
设置默认的一面 将下一个元素设置为活动元素的下一个兄弟元素
设置阶段大小 将Shape设置为下一侧的内容大小
刷新 刷新元素边的选择器缓存
得到变换下 返回下一阶段的翻译
得到变换左 返回下一站左边的翻译
得到改变 返回右边上演的下side的翻译
会变换 返回翻译为下边上演
得到变换下 返回下一场比赛的翻译

Shape的设置
Shape设置修改Shape的行为

设置 默认的 描述
持续时间 700ms 边改变动画的持续时间
宽度
2.2
最初的
当设置为 下一个 会用下一个的宽度吗 side 在Shape的动画期间.
当设置为 最初的 它将在初始化时使用Shape的宽度.
当设置为特定像素高度时,将强制将宽度设置为该高度.
高度
2.2
最初的
当设置为 下一个 会使用下一个的高度吗 side 在Shape的动画期间.
当设置为 最初的 它将在初始化时使用Shape的高度.
当设置为特定像素高度时,将强制将高度设置为该高度.

回调
回调函数指定在特定行为之后发生的函数.

设置 上下文 描述
beforeChange 下侧 换边前叫什么
onChange 活动方 可见边变后叫什么

DOM的设置
DOM设置指定该模块应该如何与DOM接口

设置 默认的 描述
名称空间 Shape 事件名称空间. 确保模块拆卸不会影响附加到元素的其他事件.
选择器
选择器:{ 方:“.国”, 边:“.边的 }
类名称
名称:{ 动画:“动画”, 隐藏:“隐藏”, 加载:“加载”, 积极:“活跃” }

调试设置
调试设置控制到控制台的调试输出

设置 默认的 描述
The名字 Shape 调试日志的名称
沉默 关闭所有控制台输出,包括错误消息,而不考虑其他调试设置.
调试 提供标准的调试输出到控制台
性能 真正的 提供标准的调试输出到控制台
详细的 真正的 提供辅助调试输出到控制台
错误
错误:{ side:你试图切换到不存在的side.', 方法:'你调用的方法没有定义' }

调光器的信息
调光器分联箱