文件名称:tinytoy:一些无聊的小玩意的封装
文件大小:416KB
文件格式:ZIP
更新时间:2024-07-11 18:26:34
JavaScript
tinytoy:一些无聊的小玩意的封装 ======================== 原生js,无聊的时候把无聊的想法实现封装一下,最好用chrome,持续更新。。。 效果具体的可以见demo 1.正方体cube: 调用window.tinytoy.tt_cube(cfg),创建一个正方体。 cfg:{ stage, //舞台元素 imgSrc, //img的src数组,大于或小于6个会做处理,空不管。。。 wh, //img的长宽 perspective, //舞台视角,关系到3d的效果 } 鼠标点下去按住cube可以360旋转,没有绑在body上,还没有做去除drag的效果,不算完美,至少目前有这功能 ###效果就是下面这样的: 2.相机式裁剪img轮播: 蛮无聊的,纯粹是为了联系clip-path裁剪。也区别常见的move式样的轮播。点击事件后续会加上的~ 调用w
【文件预览】:
tinytoy-master
----css()
--------cube.css(230B)
--------imgclipplay.css(277B)
----res()
--------angel.jpg(295KB)
----package.json(287B)
----screenshots()
--------clip1.jpg(51KB)
--------cube.jpg(53KB)
--------clip2.jpg(19KB)
----dist()
--------tinytoy.cat.css(507B)
--------tinytoy.min.js(4KB)
----Gruntfile.js(1KB)
----src()
--------tinytoy.js(841B)
--------cube.js(3KB)
--------imgclipplay.js(3KB)
----demo.html(2KB)
----README.md(1KB)