草庐IT

在其中心旋转帆布弧

全部标签

javascript - jquery 文本旋转

我在div中有一个简单的文本,如下所示;Thisisanexampletext我希望div中的文本旋转20-30度。我已经找到了this关于它的stackoverflow主题,它在Firefox和Chrome中给了我想要的结果,但在IE7、IE8和IE9中没有。我也试过jqueryrotate,但是当使用它时,看起来插件正在对div本身做一些事情,使其消失,而不是旋转div内的文本。这甚至可以用javscript和/或css实现吗?注意:Cufon也被使用。Codlers回答后更新:这是Codler回答后当前应用的css。适用于FF和Chrome。-ms-transform:rotat

javascript - 如何在javascript中旋转数组中的矩阵

(披露,我主要是数学文盲)。我有一个这种格式的数组:vargrid=[[0,0],[0,1],[0,2],[0,3],[1,0],[1,1],[1,2],[1,3],[2,0],[2,1],[2,2],[2,3],[3,0],[3,1],[3,2],[3,3]];我需要以90度为增量“旋转”它,所以它是这样的:vargrid=[[3,0],[2,0],[1,0],[0,0],[3,1],[2,1],[1,1],[0,1],[3,2],[2,2],[1,2],[0,2],[3,3],[2,3],[1,3],[0,3]];我如何在Javascript中完成此操作?

javascript - D3.js 动画旋转

当我尝试使用D3.js库正确执行旋转动画时遇到问题。问题与我想要旋转元素的点有关。这是我制作的fiddle来展示我的意思(慢动作):http://jsfiddle.net/74mCb/问题的根源似乎在这里:.attr("transform","rotate(-60,150,130)");然后我像这样旋转它:.attr("transform","rotate(40150,130)");我希望针头保持在原位(成为旋转中心),有人可以解释一下我做错了什么吗?谢谢! 最佳答案 这有点难以掌握(我自己并不完全理解)但是D3需要一些帮助来了解如

javascript - Three.js - 围绕特定 Axis 旋转球体

我有一个问题。在Three.js中,我想围绕倾斜23.5度的Axis旋转一个球体(地球)。我找到了sphere.rotation.x、sphere.rotation.y和sphere.rotation.z,但是当我以正确的比例组合它们时,球体的旋转非常奇怪-它没有永久旋转Axis。我想我需要像sphere.rotation.vector(1,0,-1)这样的函数。有谁知道这个函数是如何调用的以及正确的语法是怎样的?非常感谢您的回答! 最佳答案 您无需了解欧拉Angular或四元数的工作原理即可完成您想要的操作。你可以使用Object

javascript - 带轴和 Angular 3D 旋转

我知道3D旋转在SO和许多其他网站上都有详细的记录,但尽管阅读了无数的解释,我仍然没有弄清楚我哪里出错了。我的背景是艺术和设计,而不是数学和编程,而且我从来不确定我的攻击Angular(没有双关语意)是否正确。我没有粘贴我的糟糕代码的拼凑,而是包括一张描述我的问题的图像。我真正想要的是如何解决它的分步措辞分解。伪代码很有用,但如果有人将我指向正确的方向或指出常见的陷阱,我会学到更多。红色=X轴,绿色=Y轴,蓝色=Z轴Magentavectors=origin-->一些X,Y,Z点洋红色立方体=两个洋红色矢量的端点的平均值(有更好的名称吗?)白色向量=两个洋红色向量的叉积(为显示而扩展,

javascript - 解构对象并忽略其中一个结果

我有:constsection=cloneElement(this.props.children,{className:this.props.styles.section,...this.props,});在this.props中,我有一个styles属性,我不想将其传递给克隆的元素。我该怎么办? 最佳答案 您可以使用objectrest/spreadsyntax://Wedestructureour"this.props"creatinga'styles'variableand//usingtheobjectrestsyntaxw

javascript - AppleScript 可以访问浏览器选项卡并在其中执行 javascript 吗?

我很好奇AppleScript是否可以访问浏览器中的每个特定选项卡并在其中执行一些javascript。有人有想法吗? 最佳答案 对于GoogleChrome,使用AppleScriptChromiumSuite中的execute:execute v:Executeapieceofjavascript.executespecifier:Thetabtoexecutethecommandin.javascripttext:Thejavascriptcodetoexecute.例子:tellapplication"GoogleChrom

javascript - 使用 Three.js 围绕对象旋转相机

我正在使用WebGlRenderer显示带有Three.js的OBJ元素,现在我想允许用户以任何方向围绕对象旋转相机,我找到了这个答案:RotatecamerainThree.jswithmouse但是两个例子都返回错误,第一个说投影仪没有定义,我不知道“投影仪”是什么意思。我只有一个简单的相机、物体和一些光。第二个代码表示undefined不是一个函数。有人知道如何获得我需要的结果吗? 最佳答案 这就是您想要的:http://threejs.org/examples/misc_controls_orbit.html包括轨道控件(在

javascript - 如何在轴世界 three.js 上旋转对象?

是否可以以世界轴而不是以物体为轴进行旋转?我需要对一个对象做一些旋转,但是在第一次旋转之后,我不能像我想的那样做其他旋转。如果无法在世界轴上进行旋转,我的第二个选择是在第一次旋转后重置轴。有这方面的功能吗?我不能使用object.eulerOrder,因为当我在一些旋转后设置object.eulerOrder="YZX"时,它会改变我的对象的方向。 最佳答案 更新:三个-0.125.2演示:codesandbox.ioconstTHREE=require("three");constscene=newTHREE.Scene();co

javascript - 找到矩阵变换的旋转和倾斜

我在CSS中有以下变换矩阵//rotatetheelement60degelement.style.transform="matrix(0.5,0.866025,-0.866025,0.5,0,0)"我可以用这个找到旋转......//wherea=[0.710138,0.502055,-0.57735,1,0,0]varrotation=((180/Math.PI)*Math.atan2(((0*a[2])+(1*a[3])),((0*a[0])-(1*a[1])))-90console.log(rotation);//~60类似的倾斜如果...//skew(30deg,-50deg