草庐IT

javascript - Angular 2.如何检测组件当前是否在视口(viewport)中

我想检测组件位置。当前在视口(viewport)中,如果是,则运行触发器,该触发器统计此特定组件上的动画。我找不到任何“有Angular”的方式来做到这一点。示例应用程序(主要组件)每个div都是应用程序的一个单独组件:wwaarrasfSomething...rq所以...我想检测组件5何时在视口(viewport)中(出现在屏幕上)并开始为该组件设置动画。有什么想法吗?谢谢 最佳答案 您可以使用ng-in-viewport插件。HTML:Something...组件:action(event:any){if(event.valu

javascript - 将 Google map 视口(viewport)设置为自动适合不同位置的 (n) 个标记位置的 Pane

到目前为止我采用的方法是:functionaddMarker(query){vargeocoder=newgoogle.maps.Geocoder();varafterGeocode=$.Deferred();//Geocode'query'whichistheaddressofalocation.geocoder.geocode({address:query},function(results,status){if(status==='OK'){afterGeocode.resolve(results);//Activatedeferred.}});afterGeocode.then

javascript - 从 Google map 视口(viewport)边界中排除重叠元素

我正在使用GoogleMapsAPIv3在网站上创建内联map。在它的容器元素中,我还有一个绝对定位的叠加层,它显示了一些详细信息,视觉上悬停在map上。根据上下文确定该元素可能会增长到整个map元素的大小。所有这些都工作正常,但是Maps实例当然仍然认为map的重叠部分是map的有效可用部分。这意味着,尤其是当叠加层处于最大高度时,setCenter不会关注可见中心,并且使用DirectionsRenderer绘制的路线是部分位于覆盖层下方。看这张图:有没有办法将实际视口(viewport)限制在蓝色区域,以便setCenter以箭头尖端为中心,setBounds适合蓝色部分?

css - 如何在 XML 中使用元视口(viewport)?

我正在尝试使用依赖于设置initial-scale的XML创建响应式设计布局用户代理。在HTML中,我会使用的一些变体。像这样的标签:然而,缺少结束标记是XML的一个问题。有没有一种方法可以让我在浏览器中也能使用的有效XML中执行此操作? 最佳答案 给定thisanswer(特别是关于关闭标签)我认为这里最简单的事情就是用/>关闭元元素。因为浏览器不会提示。 关于css-如何在XML中使用元视口(viewport)?,我们在StackOverflow上找到一个类似的问题:

android - SVG 无法在 Android Studio 中正确转换为具有高视口(viewport)的 XML Drawable

我这里有SVG:https://github.com/Tick-Talk/tick-talk.github.io/blob/master/ticktalk-logo.svg在AndroidStudio中,我右击drawables,new->vectorasset,保持大小不变​​(因为它已经是108dp,我需要的应用程序图标大小),然后导入。生成的XMLDrawable完全不正确,并且在androidstudio和我的手机上显示不正确。我是不是做错了什么,或者这是在AndroidStudio中处理高视口(viewport)尺寸(svg的两个尺寸都有近3000像素)时的错误?我如何才能正

javascript - 根据当前相机确定网格在视口(viewport)上是否可见

我一直在用three.js开发一个应用程序,但我遇到了这个问题,而且我似乎找不到任何解决方案。我想根据相机当前瞄准的位置确定哪些网格现在可见,因此我可以刷新我的对象(数据来自服务)或不刷新,这取决于它们是否显示在视口(viewport)上。我在CANVAS模式下使用THREE.js(我找到了一个使用WebGL的解决方案,说明是否渲染了对象,但我需要CANVAS用于此项目)。我一直在尝试寻找three.js是否以某种方式设置了一个属性来指示对象是否可见(当前在屏幕上,而不是在整个3D世界上),但我可以找到它。网格有一个visible:属性,但它始终为true,即使相机没有瞄准那个对象。

JavaScript 计算视口(viewport)宽度/高度

我试图在我的移动Webview中设置一个响应点并这样做:varw=window.innerWidth-40;varh=window.innerHeight-100;目前效果很好。但值-40和-100不在视口(viewport)缩放高度和宽度中。当我这样做时:varw=window.innerWidth-40vw;varh=window.innerHeight-100vh;因为它应该保持响应并相对于视口(viewport)-JS不再工作。我认为vh和vw只适用于CSS?我怎样才能在JS中实现这一点?请不要使用JQuery解决方案-只有JS!谢谢 最佳答案

javascript - 如何在 Puppeteer 中设置最大视口(viewport)?

当我运行一个新页面时,我必须使用setViewport函数指定视口(viewport)的大小:awaitpage.setViewport({width:1920,height:1080})我想使用最大视口(viewport)。如何根据窗口大小调整视口(viewport)大小? 最佳答案 我可能来晚了。尽管如此,对于其他人,请尝试:constbrowser=awaitpuppeteer.launch({defaultViewport:null});如上所述将defaultViewport选项设置为null以禁用800x600分辨率。然

javascript - 如何从 OpenLayers 中获取 map 的当前视口(viewport)作为几何体、边界框或 wkt?

我试图找到一些提示,我应该在哪里搜索这个主题,但我什么也没找到-我在这上面花了很多时间。我还试图从OpenLayersmap中获取当前显示视口(viewport)的当前坐标,以仅添加当前视口(viewport)的当前边界框中的这些矢量。 最佳答案 对于OpenLayers2:Map.getExtent()...将返回一个Bounds,然后您可以使用它以多种方式获取纬度/经度坐标:http://dev.openlayers.org/apidocs/files/OpenLayers/BaseTypes/Bounds-js.html#Op

javascript - 一个场景,但带有自己的相机的多个视口(viewport)(three.js)

我有一个场景想重复使用,在两个div中渲染场景,每个div的相机Angular不同。Thislink说一个场景不能在多个渲染器之间共享,并建议将多个视口(viewport)与单个渲染器一起使用。如何将多个摄像头分配给一个渲染器,然后获取显示每个摄像头的DOM元素?谢谢 最佳答案 您想完全按照这个three.js示例中的方式进行操作:https://threejs.org/examples/webgl_multiple_views.html这使用多个视口(viewport),而不是多个div。这确实是最好的方法。