草庐IT

Location3D

全部标签

javascript - 使用 SVG 或 WebGL 的 3D 形状

您好,我想在浏览器中渲染一个交互式3D球体。它上面的纹理将是一张世界地图,所以基本上我试图创建一个可以使用map在任何方向旋转的地球仪。我很擅长使用SVG渲染2D图像,但不确定如何在SVG中渲染3D形状。是否可以在SVG中渲染3D形状,如果可以,如何渲染?如果不是,WebGl是更好的选择吗? 最佳答案 看看three.js它对实现进行了一些抽象(带有WebGL/SVG/Canvas后端)。SVG是一种2d矢量图形格式,但您可以将3d形状投影到2d上,因此可以使用SVG渲染3d对象,这只是一些工作(最好留给javascript库)。

javascript - window.location 和 window.location.href 有区别吗?

这个问题在这里已经有了答案:关闭11年前。PossibleDuplicate:Javascript:Settingwindow.location.hrefversuswindow.location当我在浏览器中测试这些代码时,它们似乎是一样的。有区别吗?1window.location="http://stackoverflow.com";2window.location.href="http://stackoverflow.com";

javascript - window.location.hash 返回值前面的散列标签

我在MVC3View中有以下代码:$(document).ready(function(){if(window.location.hash){varmanager=newManager();manager.doSomeStuff(window.location.hash);}});有趣的是,当URL中没有hash标签,或者只有hash标签的例子:http://localhost:1223/Index/AboutUshttp://localhost:1223/Index/AboutUs#当window.location.hash为空且函数未执行时。但是当hash标签中有一些值时:http

javascript - 我可以在没有弹出窗口的情况下停止 JS location.href 吗?

我想构建一个JS外部脚本(标记),它可以在不使用弹出窗口的情况下停止代码(通常不是我的),如location.href。我试过这样的事情:$(window).bind('beforeunload',function(){window.stop();event.stopImmediatePropagation();event.preventDefault();location.href='#';});但似乎没有任何帮助。再次,我需要它而不使用:return"areyousure?"也许是不同的回调?谢谢,丹 最佳答案 使用onbefo

javascript - 为什么 translate3d 会泄漏 DOM 节点?

考虑这个HTML页面:http://jsbin.com/aYUcelo/1/(我建议下载它以摆脱所有jsbin噪音)。点击GO按钮,一个div被添加到正文中。RM删除其中一个div。它还将两种样式之一应用于新的div:newDiv.style.color="red";//ornewDiv.style.WebkitTransform="translate3d(0px,0px,0px)";可以看到chromedevtoolsmemorytimeline中的节点数量不断增加,如果应用了WebkitTransform,GC无法移除。红色样式不会发生这种情况。编辑:只是为了明确应用“红色样式”添

javascript - 3D CSS 变换 : translateZ causes elements to disappear in Chrome

我正在使用Javascript在Chrome中操作CSS转换,我注意到当translateZ值变得太低(很远)时,元素将会消失。这似乎只有在有大量元素时才会发生。这似乎与元素的z-index有关。这是问题的一个例子:http://jsbin.com/iZAYaRI/26/edit将鼠标悬停在输出上以查看问题。有人知道为什么会这样吗?更新:看起来该元素并没有真正消失,而是移动了一千个像素左右。 最佳答案 在我的例子中,z平移属性大约为零。将我的零翻译从0更改为1解决了我的问题。在safari中运行的原始代码:transform:sca

javascript - 禁用 UI-Router 与 window.location 的交互

这是一个远景,但UI-router非常流行,我想也许这里有人会对这个问题有见解。我正在将一个项目迁移到AngularJS。该项目由一个包含多个不同面板的页面组成——每个面板都是使用AJAX从服务器下载为HTML,使用Javascript注入(inject)页面,并与其自己的href相关联,href由jQueryHistory管理。.jQuery历史跟踪浏览器状态并在每个面板注入(inject)Javascript后相应地更新window.href。例如:Panel1:window.location.href//http://myapp.com/panel1History.getLoca

javascript - 将鼠标坐标转换为 3D 平面图

我正在使用javascript/jquery(基于DOM,而非Canvas)构建某种拖放应用程序。想法是能够在3D场景上拖动div(在3D中旋转的div)。它在2D平面上工作,问题是当我在3D中旋转场景时,对象位置不反射(reflect)实际鼠标位置,而是在3D中转换的坐标示例:EXEMPLEONJSFIDDLE我希望对象相对于鼠标的绝对位置移动。我这样计算鼠标位置:document.addEventListener(gestureMove,function(event){if(mouseDown==true){event.preventDefault();moveX=(event.p

javascript - location.href 正在解码 URL

我有一个javascript函数:functionQuoteBeGone(url){location.href=url;}传递的URL已编码,例如http://www.target.com/page.asp?name%3DJohn%27s%2BProject,但是当新页面加载时,URL未编码-http://www.target.com/page.asp?name=John's+Project。撇号弄乱了页面,所以我想将它编码在URL中,但它似乎并没有保持这种状态。我假设location.href函数在传递URL之前对其进行解释。有什么建议吗? 最佳答案

javascript - Angular JS $location.path(...) 不触发路由 Controller

所以我尝试更新表单提交时使用的路径$location.path('/search');但它不会触发注册到'/search'的路由我也尝试过使用尾部斜杠。没什么,我也试过$scope.$apply但我只是得到了$applyalreadyinprogress错误所以肯定有一个范围。为什么这不会调用注册到路由的Controller或加载注册到它的templateUrl。路由器App.config(function($routeProvider,$locationProvider){$locationProvider.html5Mode(true).hashPrefix('!');$route