当前位置：首页 > 软件库 > jQuery 插件 > 其他jQuery插件 >

TransformJS

3D和2D转换的jQuery插件

授权协议 MIT

开发语言 JavaScript

所属分类 jQuery 插件、其他jQuery插件

软件类型开源软件

地区不详

投递者董桐

操作系统跨平台

开源组织无

适用人群未知

软件官网

官方下载

软件概览

2D and 3D transforms as regular CSS properties you can set using .css() and animate using .animate()

示例代码；

$(document).ready(function() {
$('#forward').click(function() {
$('#test').animate({
    translateX:'-=150',
    translateY:'+=150',
    scale:'+=2',
    rotateY: '+='+(2*Math.PI),
    rotateX: '+='+Math.PI,
    rotateZ: '+='+Math.PI
},1500);
});

$('#backward').click(function() {
$('#test').animate({
    translateX:'+=150',
    translateY:'-=150',
    scale:'-=2',
    rotateY: '-='+(2*Math.PI),
    rotateX: '-='+Math.PI,
    rotateZ: '-='+Math.PI
},1500);
})
});

使用案例

移动Web利器transformjs入门

简介在过去的两年，越来越多的同事、朋友和其他不认识的童鞋进行移动web开发的时候，都使用了transformjs，所有必要介绍一下，让更多的人受益，提高编程效率，并享受编程乐趣。（当然transformjs不仅仅支持移动设备，支持CSS3 3D Transforms的浏览器都能正常使用transformjs）传送门官方网站：alloyteam.github.io/AlloyTouch/… G
transformjs 玩转星球

如你所见。这篇就是要讲下使用transformjs制作星球的过程。你也可以无视文章，直接去看源码和在线演示：源码 | 在线演示代码100行多一点，直接看也没有什么压力。下面分几步讲解下。生成球上点坐标设球心为 (a,b,c),半径为r, 则球的标准方程为 (x-a)²+(y-b)²+(z-c)²=r² 这里假设球心的（0，0，0），则：标准方程为 x²+y²+z²=r² 因为可以渲染的时
transformjs 污染了 DOM? 是你不了解它的强大 | 掘金技术征文

原文链接: github.com/AlloyTeam/A… 写在前面上星期在React微信群里，有小伙伴觉得transformjs直接给DOM添加属性太激进，不可取（由于不在那个微信群，不明白为什么React会谈到transformjs？！）。关于这点，其实在一年半前腾讯内部就有相关声音，腾讯内部的小伙伴建议，不要污染那么多吧~~，给个总的namespace，如： var element = d

TransformJS

同类工具

相关阅读

相关文章

相关问答

相关文档