变换:旋转移动视图
css3 Transform: rotate moves the view
我目前正在尝试在伪3D环境中移动视图。所以我从一些div开始,甚至得到了一个-让我们称之为room。
但是现在当我旋转时,视图不仅旋转,而且移动。这使得你很难计算出你在3D现实中的位置。
你知道怎么解决这个问题吗
这是一把小提琴:
http://jsfiddle.net/torsten/HHQCg/,下面是我如何给div添加转换:
document.getElementById('world').style.webkitTransform = "translate3d(0px, 0px, 0px) rotateY(45deg)";
可能是变换的顺序
尝试先旋转:
function updateMap() {
//alert(mapPos.rotate);
document.getElementById('world').style.webkitTransform = "rotateY(" + mapPos.rotate + "deg) translate3d(" + mapPos.x +"px, " + mapPos.y + "px, " + mapPos.z + "px) ";
}
相关文章:
- 如何使bxslider仅在移动视图中处于活动状态
- 删除移动视图粘性js上的粘性导航栏
- css,用于在移动视图中将引导导航栏更改为accordian
- float's未返回到移动视图结束后的位置
- 通过格式化将jquery移动组件动态添加到列表视图中
- 网格视图:防止行移动到标题行上方
- 移动和桌面视图的角度控制器继承
- jQuery移动列表视图和面板
- 剑道移动列表视图更改过滤器onclick
- 网站移动视图上的“给我回电”按钮
- 如何将.js从视图移动到单独的资产 - Ruby On Rails
- 从移动视图中删除 Div
- 如何在从剃刀视图移动内联JavaScript时保留相对URL
- 正在将逻辑从视图移动到自定义绑定
- Jquery移动列表视图图标未正确显示
- 在带有Partial视图的MVC 5中,将提交按钮移动到表单外部
- 如何将挖空视图模型移动到 html 页面之外
- DHTMLX 移动调度程序事件详细信息视图高度问题
- 角度 - 路由器仅在移动设备上.PC上的多模块视图
- 如何将一个视图移动到另一个视图