草庐IT

3D导航栏

全部标签

javascript - 使用 CSS 3D 变换从 DOM 对象接收变换后的鼠标事件数据

目前在javascript鼠标事件中是否有任何数据可以让我轻松找到或计算相对于转换元素的3D空间的鼠标位置?为了直观地说明,左边是没有3d矩阵的div,右边是3d变换后的div。o是鼠标事件的来源+/|/|+-----++||||||o|=>|o|||||+-----++|\|\|+在下面的脚本中,单击div中的相同像素将报告一个位于文档/屏幕的二维变换空间中的event.layerX。我知道,但对解析div的matrix3d并使用它乘以事件位置以发现这一点的前景并不感到兴奋,但是在实际实现中,div将具有更复杂的转换,这需要在不止一个对象的每一帧上完成,我担心会带来的开销......

javascript - 使用 Javascript 或 jQuery 检测导航中的取消

我很好奇是否有一种方法可以使用javascript(或者更好的是jQuery)检测用户在浏览器中按下“停止导航”按钮。例如,如果您单击一个网页链接,该网页需要一个在加载时,您可能想要显示一个旋转加载器。但是,如果用户取消到该页面的导航怎么办?有没有办法检测到它来摆脱你放置的旋转装载机?编辑:我做了更多的研究,javascript中似乎有一个onStop事件,但是,你不知道吗,它只适用于InternetExplorer。如果有人有任何其他想法来实现像onStop这样的跨浏览器解决方案,那就太好了,但如果没有,我将在几天内回答我自己的问题以关闭此问题。编辑2:https://stackov

javascript - React-router:防止导航到目标路线

我正在使用具有历史记录的react-routeruseQueries(createHashHistory)()并且我有几条我想根据路由配置阻止导航的路由。所以路由配置是这样的:...所以让我们假设我在#/view-2上并调用类似history.push({pathname:'/view-1'});的操作.但是一旦路线view-1有一个标志canNavigate={false}-我想阻止导航到它并显示一条消息而不改变哈希和任何其他副作用(比如调用view-2的onLeaveHook)。我在考虑听历史:history.listenBefore((location,callback)=>{/

javascript - 如何在 React Native Router Flux 中嵌套场景并使用方向 ='vertical' 导航?

我想嵌套react-native-router-flux的并尝试了以下操作,但我无法导航到来自:我想嵌套Profile内部组件Home组件,因为它只能通过Home访问组件。那么我该如何正确嵌套Profile内部组件Home组件?当我也导航到Profile时组件,它使用vertical导航方向,但是当它试图导航到另一个组件(例如Actions.test())时,它没有direction='vertical'设置,来自Profile组件,它应该垂直导航时水平导航,而在Profile内点击后退按钮组件返回vertical方向。自从我导航到Profile组件vertically,我怎样才能得到

javascript - 计算 3d 空间等距离的通用公式

这可能不是发布此内容的正确位置,但我不知道还有什么地方可以发布它。我有5条线(d1->d5)在3d透视图中彼此均匀分布,我有(a)Angular、(d1)和(b5)的值。我需要用jquery计算(b2,b3,b4,d2,d3,d4,d5)。我可以用以下方法计算d5:d5=d1-(b5*Math.tan(a))但我不知道如何计算b2、b3和b4。(d1分为4个相同的segments(s))任何帮助将不胜感激。 最佳答案 您正在寻找的是投影量表。在计算上执行此操作的最简单方法是使用齐次坐标,取一个矩形(如下面第一张图片中的矩形),其中V

javascript - 未捕获的 TypeError : (0 , _reactRouter.withRouter) 在 react-router 2.4.0 中以编程方式导航到路由时不是函数

我正在使用react-router2.4.0并想以编程方式链接到另一条路线(我在使用之前所做的)。这在SOpost中有很好的解释他们在2.4.x中说的地方你应该使用withRouter的装饰模式,所以我使用以下代码:import{withRouter}from'react-router'//furtherimportsomittedclassCreateJobItemFormRawextendsReact.Component{...}constCreateJobItemForm=withRouter(CreateJobItemFormRaw)exportdefaultCreateJob

Javascript 3d 图形实用程序?

关闭。这个问题不符合StackOverflowguidelines.它目前不接受答案。我们不允许提问寻求书籍、工具、软件库等的推荐。您可以编辑问题,以便用事实和引用来回答。关闭7年前。Improvethisquestion有人知道任何好的javascript3d绘图实用程序吗?我知道每个网站都会推荐Canvas3dGraph但它实际上是非常有限的。对于其中一个,它只允许使用1000以内的数据集进行绘图。虽然它确实有一些能力(通过一些代码修改)来绘制有点超出其范围的数据,但完全改造后的任何东西都不允许绘制图形基于时间或值远大于1000的数据。(我的数据值范围为数十亿。)或者我应该放弃所有

javascript - 如何在 Aframejs 中加载 3d 模型?它目前在 threejs 中运行良好

我创建了一个3d动画模型,我设法在threejs中运行它。varloader=newTHREE.FBXLoader();loader.load('model.fbx',function(object){object.mixer=newTHREE.AnimationMixer(object);mixers.push(object.mixer);console.log(object.animations.length);varaction=object.mixer.clipAction(object.animations[0]);action.play();object.traverse(

javascript - 如何在像 mustache 这样的无逻辑模板引擎中制作导航栏

我试图理解无逻辑模板背后的概念,但我发现自己碰壁了。我想实现一个简单的导航栏,例如每个页面顶部的“主页、关于、联系”链接,“当前”链接应该用不同的类突出显示(我使用的是Bootstrap)。但是我怎样才能以明智的方式做到这一点呢?到目前为止,我有:将导航移动到每个模板,并复制整个内容(不是干的,丑陋的)。使用键而不是值,即render('home',{on_home_page:true});与Home.这样更好,但仍然很烦人,因为我必须创建N个变量来保存1个变量值的数据。在Controller中创建导航,即传入{'Home':{link:'/',active:false},'About

javascript - 将 Slick 旋转木马导航箭头与幻灯片图像而不是其下方的文本垂直对齐

无论窗口宽度是多少,我都需要将导航箭头与幻灯片图像垂直对齐。目前,它占整个幻灯片的50%。我希望能够用CSS做到这一点,但似乎它可能需要用JavaScript来完成。如果是这样的话,jQuery没问题,它只需要支持现代浏览器(IE11+)。关于此的棘手部分是它需要占图像的50%而不是整个容器,因为图像下方的文本可以有不同的高度。目前正在做什么:我需要它做什么:(注意导航箭头与图像垂直居中,无论窗口宽度如何)这是一个JSFiddle:https://jsfiddle.net/thebluehorse/2wuq3feb/5/Utinintegerpulvinarmaiores,misapi