草庐IT

Viewport3D

全部标签

javascript - Google map v3 信息窗口在 map 视口(viewport)外打开

如果单击map视口(viewport)顶部附近的标记,信息窗口将加载到可视区域之外,并且必须拖动map才能看到信息窗口内容。理想情况下,我不希望map自动平移。有没有办法以不同的方向加载信息窗口,例如如果标记位于视口(viewport)的顶部,则向下显示信息窗口。 最佳答案 不,您不能以不同的方向打开谷歌的默认信息窗口,因为您没有实现自己的信息窗口类。但是您可以禁用自动平移,只需将TRUE传递给InfoWindowOptions对象的disableAutoPan属性,如documentationsaid.

javascript - Three.js:将 3d 位置转换为 2d 屏幕位置

我有一个位置为(x,y,z)的3D对象。如何计算该对象的屏幕位置(x,y)?我已经搜索过它,一个解决方案是我必须找出投影矩阵,然后将3D位置点乘以该矩阵以将其投影到某些2D观看表面(计算机屏幕)上。但是我不知道如何在Three.js中找到这个矩阵。我尝试了这样的转换函数,但它给出了错误的结果functionPoint3DToScreen2D(point3D){varscreenX=0;varscreenY=0;varinputX=point3D.x-camera.position.x;varinputY=point3D.y-camera.position.y;varinputZ=poi

javascript - ExtJS TabPanel 在 ViewPort 中缺少滚动条

我有一个ViewPort,我想打开多个选项卡。我的一个标签真的很长,应该会从页面底部滑落。但是,侧面缺少滚动条。这是我的视口(viewport)设置:varviewport=newExt.Viewport({layout:'border',enableTabScroll:true,deferredRender:true,items:[newExt.BoxComponent({//rawregion:'north',el:'north',height:32}),{region:'west',id:'west-panel',title:'West',split:true,width:200

javascript - qTip 视口(viewport)调整不起作用

我已经解决了这个问题,但我想分享一下,因为我看到很多人都在处理这个问题,但没有足够的解决方案可用。qTip视口(viewport)调整对我不起作用。 最佳答案 第一个问题:当我第一次下载qTip时,我忘了包含这个库:第二个问题:我没有正确设置它:获取此功能的最简单方法可在此处查看://Createthetooltipsonlywhendocumentready$(document).ready(function(){//MAKESUREYOURSELECTORMATCHESSOMETHINGINYOURHTML!!!$('.qtip

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

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

javascript - Facebook、Instagram 和 Twitter 浏览器未返回正确的视口(viewport)高度

在过去的几周里,我一直在寻找适用于所有这些社交浏览器或至少适用于facebook的修复程序,但尚未找到任何解决办法或找到任何有用的东西。我看过的最近几篇关于设置调整大小功能的帖子对我不起作用。我试过了JSfunction_fixViewportHeight(){varhtml=document.querySelector('html');function_onResize(event){html.style.height=window.innerHeight+'px';}window.addEventListener('resize',_.debounce(_onResize,125,

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 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 - 将 C# 3D 数组移植到 JS 3D 数组

我开发了一个c#库,它在3个项目中使用,该库在该特定代码段中中继,但是,我仍然需要在javascript中使用该代码,所以我将其移植出去,问题是,我不认为我可以复制相同的逻辑,例如,我一直在想这几天我无法得到答案。在C#库中,我有一个3D数组,它有点像应用程序中的核心属性,但我似乎无法弄清楚如何在JS环境中实现它。例如我有这段代码:publicObj[,,]objs=newObj[18,14,8];我会在每个位置分配对象,并尝试将其移植到javascript,这似乎会导致:var3dArr=newArray();3dArr[0]=newArray();3dArr[0][0]=newAr