jjzjj

Rotation

全部标签

javascript - 在 IE 中使轮子旋转

我有以下使用JS和CSS旋转轮子的代码:varprefix=(function(){if(document.body.style.MozTransform!==undefined){return"MozTransform";}elseif(document.body.style.WebkitTransform!==undefined){return"WebkitTransform";}elseif(document.body.style.OTransform!==undefined){return"OTransform";}else{return"transform";}}()),ro

javascript - 如何旋转 CannonJS 刚体?

有谁知道如何旋转CannonJS(物理库)CANNON.RigidBody?我试图让物体随相机旋转,所以两者都朝向相同的方向。我知道我必须修改四元数,但这不能正常工作:mPlayer.objectBody.quaternion.set(0,mPlayer.yawObject.rotation.y,0,1);它还会改变对象的Y轴位置,而不仅仅是旋转。Here'sademo(WASD移动红色矩形-这是我想要旋转的)Here'sthemainscript目前它会根据物理原理自动旋转。感谢您的帮助!编辑:我现在有点让它工作了。但是它没有完全旋转(整个360度)并且它旋转的Angular不太正确

javascript - Canvas 使用RequestAnimationFrame以一定速度旋转圆圈

我在JSFiddle中做了一个快速简单的解决方案,以便更好更快地解释:varCanvas=document.getElementById("canvas");varctx=Canvas.getContext("2d");varstartAngle=(2*Math.PI);varendAngle=(Math.PI*1.5);varcurrentAngle=0;varraf=window.mozRequestAnimationFrame||window.webkitRequestAnimationFrame||window.msRequestAnimationFrame||window.o

javascript - RaphaelJS 旋转不起作用

我用这个把头撞在墙上。我有raphaeljs2.0版,我需要使图像以跨浏览器的方式旋转。我很想用CSS3来做,但并不是所有的浏览器都支持我需要做的事情。于是,绞尽脑汁就去了Raphaelplayground,在里面试了一下代码。在那里也不起作用。这是怎么回事?去Playground:http://raphaeljs.com/playground.html运行这段代码,应该会看到一个正方形的轮廓。paper.rect(100,100,300,300).animate({rotation:"-45"},2000);使用转换作品:paper.rect(100,100,300,300).ani

javascript - 你如何在angularjs中旋转图像

您好,我有一张图片要旋转。左右有两个按钮,可将图像沿相反方向旋转45度。我尝试使用jqueryrotate库创建一个指令,但它不起作用。帮忙?指令.js.directive('rotate',function(){return{restrict:'A',link:function(scope,element,attrs){console.log('hi');//watchthedegreesattribute,andupdatetheUIwhenitchangesscope.$watch(attrs.degrees,function(rotateDegrees){console.log

javascript - IE8 中的可打印旋转

如何在IE8中打印旋转内容(divs)?DXImageTranform过滤器选项似乎不可打印。http://msdn.microsoft.com/en-us/library/ms533014(v=vs.85)只是为了说明这一点。我正在编写一个名为simpleCanvas的纯基于dom的Canvas库.我拼命尝试在不使用VML回退的情况下在IE8中提供文本、矩形和图像的旋转,因为它又丑又慢,而且errorprone.VML回退在我的待办事项列表中,因为我承认这是我知道如何在IE8中执行此操作而无需其他工具的唯一方法。我希望有一些技巧是我遗漏的,它没有第三方或服务器端要求。如果您找到了它,

javascript - 在 WebGL 中制作球体旋转

不确定我在这里遗漏了什么。试图通过让用户单击“旋转”按钮来使行星(即球体)旋转,但似乎无法弄清楚。我确实有以下部分通过用户与鼠标的交互来旋转球体:document.onmousemove=function(){if(!mouseDown){return;}varnewX=event.clientX;varnewY=event.clientY;vardeltaX=newX-lastMouseXvarnewRotationMatrix=mat4.create();mat4.identity(newRotationMatrix);mat4.rotate(newRotationMatrix,d

javascript - 旋转相机时重复纹理严重扭曲/抖动

我最初在gamedev上问过这个问题,但没有一个答案有助于解决问题,我仍然不知道真正的原因是什么。我在常见问题解答中没有看到任何关于在SE中重新发布问题的内容,所以我只能希望这没问题。此外,回想起来,这个问题可能更多地与图形编程有关,而不仅仅是游戏开发。编辑1开始原帖的行为仅适用于WindowsXP和Windows7,浏览器Firefox和Chrome。在Ubuntu上,没有这种失真,而是在旋转相机时纹理“抖动”。当旋转停止时,抖动停止,但纹理可能不在完全正确的位置。编辑1结束编辑3开始该程序已在4台不同的计算机上进行了测试,但在其中任何一台计算机上均未按预期运行。编辑3端我在WebG

javascript - 使用 KineticJS 变换(移动/缩放/旋转)形状

我正在尝试为KineticJS构建一个转换管理器,它将构建一个边界框并允许用户在他们的Canvas上缩放、移动和旋转图像。我被anchor的逻辑绊倒了。http://jsfiddle.net/mharrisn/whK2M/我只想让用户从任何Angular落按比例缩放他们的图像,并在按住并拖动anchor时旋转。谁能帮我指明正确的方向?谢谢! 最佳答案 这是我制作的旋转控件的概念证明:http://codepen.io/ArtemGr/pen/ociAD当控件被拖动时,dragBoundFunc用于旋转旁边的内容:controlGro

javascript - 如何旋转 leaflet.js map

我正在尝试将map(或tileLayer)旋转x度。我的研究没有产生任何不是真正肮脏的黑客的结果,在我的情况下是行不通的。是否有原生的leaflet.js方法来旋转map?(css旋转不影响鼠标移动) 最佳答案 很抱歉,没有办法在本地旋转Leafletmap。你将需要那些丑陋的技巧之一,或者从Leaflet切换到MapboxGLJS或OpenLayers3:http://www.mapbox.com/mapbox-gl-js/example/navigation/http://openlayers.org/en/latest/exa