草庐IT

Viewport3D

全部标签

javascript - 滚动到视口(viewport)的中心

我想通过单击将div居中。因此,如果我单击div,我希望它滚动到浏览器视口(viewport)的中心。我不想像我看到的指南和示例那样使用anchor。我怎样才能做到这一点? 最佳答案 在某种程度上,您必须识别可点击的元素。我构建了一个示例,它为此使用了class属性。第一步这是完成工作的脚本:$('html,body').animate({scrollTop:$(this).offset().top-($(window).height()-$(this).outerHeight(true))/2},200);您尝试的是将容器滚动到页

javascript - 在特定视口(viewport)宽度处禁用 Owl Carousel

我目前正在使用OwlCarousel在台式机/笔记本电脑大小的设备上显示画廊。但是,在较小的设备上,我想禁用该插件并显示每张图像堆叠在彼此之下。这可能吗?我知道您可以调整OwlCarousel以在特定断点处在屏幕上显示一定数量的图像。但我希望能够完全关闭它,删除所有div等。这是我目前正在使用的笔:http://codepen.io/abbasinho/pen/razXdNHTML:CSS:#carousel{width:100%;height:500px;}.carousel-item{width:100%;height:500px;background-size:cover;bac

javascript - Three.js Object3d 圆柱体旋转对齐向量

我进行了广泛的搜索,但似乎无法弄清楚这个非常基本的东西。一两年前,我在stackoverflow和其他地方看到过其他示例,但它们无法与最新版本的Three.js一起使用。这是我正在处理的版本:http://medschoolgunners.com/sandbox/3d/.我试图让灰色圆锥与未标记的红色矢量完全对齐。IE。我希望圆锥体的尖端与矢量完全对齐,并从原点指向该方向。这是我现在的代码://FUNCTIONTOCREATEACYLINDERfunctioncreate_cylinder(radiusTop,radiusBottom,height,segmentsRadius,seg

javascript - 用 JavaScript 进行 3D 渲染的最佳在线资源是什么?

关闭。这个问题不符合StackOverflowguidelines.它目前不接受答案。我们不允许提问寻求书籍、工具、软件库等的推荐。您可以编辑问题,以便用事实和引用来回答。关闭7年前。Improvethisquestion先介绍一下:去年我写了这个http://dragan.yourtree.org/code/canvas-3d-graph/现在,我想完全重写它,因为那个旧版本有一些限制,例如:有时会发生条形图不可见的情况,因为它们是一个接一个地绘制的。在这个旧版本中没有真正的3D,只有一堆模拟3D的2D线。现在,我想要的是进入完整的3D场景,我想将所有对象保留在内存中,并添加某种3D

javascript - 如何创建具有宽度和厚度的 Three.js 3D 线系列?

有没有办法创建具有宽度和厚度的Three.js3D线系列?尽管Three.js线对象支持线宽,但WebGL中所有平台上的所有浏览器尚不支持此属性。这是在Three.js中设置线宽的地方:varmaterial=newTHREE.LineBasicMaterial({color:0xff0000,linewidth:5});具有宽度的Three.js功能区对象最近已被删除。Three.js管对象生成3D挤压,但基于贝塞尔曲线的线条不会通过控制点。谁能想到一种在Three.js中绘制具有某种用户可定义的“体积”(例如宽度、厚度或半径)的线系列(折线、绘图线)的方法?这个问题可能是对这个问题

javascript - 在 IE 6 中如何让 float 页脚粘在视口(viewport)底部?

我知道使用position:fixed会很容易,但不幸的是我坚持支持IE6。我该怎么做?我宁愿使用CSS来保持干净,但如果我必须使用Javascript,那也不是世界末日。在我当前的实现中,我有一个漂浮在主要内容区域上方并使用Javascript定位的“float页脚”。即使使用Javascript,我现在的实现也不是特别优雅,所以我的问题是:有没有不用Javascript的方法?如果我必须使用Javascript,是否有解决此float页脚问题的“好”解决方案?我所说的“好”是指可以跨浏览器工作的东西,不会使浏览器的资源过载(因为它必须经常重新计算),并且优雅/易于使用(即写像这样的

javascript - 有多少元素在视口(viewport)中可见

页面上有一个div(棕色矩形)。页面高于视口(viewport)(橙色矩形),因此可以滚动,这意味着div可能只显示部分或根本不显示。判断div有多少百分比在视口(viewport)中可见的最简单算法是什么?(为了使事情更简单,div总是水平地适合视口(viewport),所以在计算时只需要考虑Y轴。) 最佳答案 请参阅fiddle中的另一个示例:https://jsfiddle.net/1hfxom6h/3//*jslintbrowser:true*//*globaljQuery,window,document*/(functio

javascript - 将 bootstrap popover 保持在视口(viewport)内

我正在尝试使用带有按钮的侧边栏创建一个菜单,每个按钮都有一个包含相关数据的指定弹出窗口。不幸的是,其中一个弹出窗口可能包含任意数量的行,并且在某些情况下它可能部分位于视口(viewport)之外。参见http://jsfiddle.net/bfd9f/1/有关问题的示例(单击“任务”按钮)我想我可以通过编程将弹出窗口的顶部更改为一个定义的值,当负值(即在视口(viewport)之外)时,为了做到这一点,我已经设法在收听show.bs.popover事件。不幸的是,我认为由于它尚未呈现,它的大小似乎为(23,107),而它应该类似于(300,xxx)并且位置为(0,0)。有没有办法解决这

用HTML5+CSS实现3d动画立方体

本文章描述如何用HTML5与CSS做出一个3d动画的立方体。文章目录一,主要思路与注意事项二,布局与逻辑分析三,效果展示四,完整代码一,主要思路与注意事项:1.制作一个立方体,需要六个面,令:        Z轴前后两个面分别为1号6号        X轴左右两个面分别为2号5号        Y轴上下两个面分别为3号4号这里是给div添加样式来分别来作为1-6号“面”。注:        1.平移与旋转主要是找准中心点:一开始使六个面都重叠在一起,即放在同一位置的不同层级,从里到外依次是1-6号面,最开始是以最外面的6号正方形的中心为中心点来平移和旋转的。        2.之后的移动都是以

JAVA 如何绘制三维地形图 —— Matplot3D for java V4.0教程:DataGridProcessor处理器详解

文章目录一、Matplot3DforJAVAV4.0概述二、什么是处理器三、DataGridProcessor处理器四、基本使用方法五、举个栗子:绘制高程地形图一、Matplot3DforJAVAV4.0概述  Matplot3DforJAVA 是一个基于JAVASE1.8环境开发的数学科学数据三维可视化组件。这是一个纯JAVA实现的类似matplotlib可视化三维库(内含纯java实现的3维软引擎),封装为一个jar包,jar文件大小只有200多KB,直接引用即可。无需再安装和配置第三方库或者环境,无需依赖OpenGL、DriectX、JAVA3D或JAVAFX等等。下载地址 码云: