问题标签 [viewport]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
946 浏览

linux - 如何在 X Windows / Linux 中确定 Windows 的可见区域?

我有几个嵌套的 X 窗口 - 比方说 - 可滚动窗口中的可滚动窗口(参见下面的示例)。在这种情况下,主窗口包含(至少)主要滚动条和它们控制的(主要)绘图区域。该绘图区域轮流包含(至少)一个可滚动窗口批处理 - 一个(次要)主窗口,包含一个滚动条和次要绘图区域。

在内部绘图区域的实时滚动期间,重绘过程搞砸了,因为我正在使用 XCopyArea 来加速该过程并移动有效的内容并为新出现的内容调用实际的重绘例程。当内部绘图批处理本身时,这可以正常工作,但是当嵌套在另一个绘图批处理中时会出现问题 - 当内部滚动批处理部分可见(即主要绘图区域被滚动)时,重新绘制新出现的内容会从主要内容中剪裁绘图区域并从未实际重绘,但认为是这样。当在下一次滚动时,XCopyArea 得到这个所谓的重绘区域,它实际上是空的。最后这个空白区域出现在部分可见的内部滚动批次上,它是空的。在第一个一般重绘消息中,它们是固定的。

如果我可以获得从(我的)内部绘图区域实际可见的剪贴蒙版,我可以调整 XCopyArea() 调用和重绘调用,并在没有计划“B”的情况下克服问题,该计划在每个滚动条移动时重绘所有内容.

示例:为 Mozilla Firefox 开发一个插件,需要确定描述“我的”窗口可见区域的区域,即从 Mozilla 系统作为插件视口传递的区域。

0 投票
3 回答
1460 浏览

flash - 同一 DisplayObject 的多个视口

是否可以对同一个显示对象进行多个视图?(例如使用分屏的同机多人游戏)

失败的示例代码如下:

我认为这会使同一个对象 ( ) 的两个视口 (v1和)。但是当我检查文档时,DisplayObjectContaner/addChild 方法,它说,v2content

“如果您添加一个已经具有不同显示对象容器的子对象作为父对象,则该对象将从另一个显示对象容器的子列表中删除。”

有解决方案吗?


得到的结果

得到的结果

预期结果(模拟)

预期结果(模拟)http://img337.imageshack.us/img337/7914/222mq4.png


按照 Antti 的建议渲染到位图是一个好主意,但是渲染的精灵将无法捕捉鼠标事件。有没有办法重定向位图上的鼠标点击以触发对原始精灵的点击?

0 投票
1 回答
2606 浏览

java - JScrollPane 现在显示其视口

我正在使用 Java Swing 制作应用程序,但遇到了问题。我制作了一个选项卡式面板,它需要一个简单的面板和一个滚动面板。简单面板工作正常,但在我的滚动面板中,我只能看到滚动条,但看不到视口,我的代码如下:

内容窗格

滚动面板

图形面板

由于我没有收到任何错误或异常,因此我现在完全迷失了采取哪种方法。

0 投票
3 回答
11329 浏览

opengl - 缩放、平移和旋转如何工作?

使用 OpenGL 我正在尝试绘制我校园的原始地图。

谁能向我解释一下平移、缩放和旋转通常是如何实现的?

例如,通过平移和缩放,这仅仅是我调整我的视口吗?所以我绘制并绘制了构成我的地图的所有线条,然后当用户单击并拖动它时,它会调整我的视口吗?

对于平移,它会改变我的视口的 x/y 值吗?对于缩放,它是否会增加/减少我的视口?轮换怎么办?

对于旋转,我是否必须对代表我的校园地图的每条折线进行仿射变换?在一张体面大小的地图上即时执行此操作会不会很昂贵?

或者,视口是否保持不变并且以其他方式完成平移/缩放/旋转?


例如,如果您转到此链接,您会看到他通过修改视口来准确描述我上面的平移和缩放。

这不正确吗?

0 投票
4 回答
35135 浏览

css - 使用 CSS 在视口中垂直居中

我希望<div>在视口(浏览器窗口)中垂直居中,而不使用 Javascript(仅限纯 HTML 和 CSS)。我有几个限制:

  • div必须在视口中垂直居中。 我见过的方法只支持在 another 中居中<div>,这不是我想要的。
  • 的高度div是未知的。

其他约束:

  • div必须向右对齐。
  • div具有恒定的宽度。
  • div必须支持填充。
  • 其他元素将放置在网页上。div充当菜单。
  • div 必须支持背景颜色/图像。

这让我接近我想要的,但不完全是:

但是,导航的顶部在中间,而不是导航的中间

是否有一些技术可以让我以div这些约束为中心?

0 投票
4 回答
14907 浏览

javascript - jQuery 是否有任何功能可以将客户端滚动到视口底部?

我想用 jQuery 动画滚动到视口的底部。是否有可用的插件不是矫枉过正(即没有为这个小任务设置巨大的功能);

是否有可用的插件或使用 jQuery 本地执行此操作的方法?

0 投票
6 回答
60482 浏览

opengl - 如何在 OpenGL 中使用多个视口?

我需要在 OpenGL 中在两个不同的视口中显示相同的对象,例如,一个使用正交投影,另一个使用透视。为此,是否需要在每次调用 glViewport() 后再次绘制对象?

0 投票
4 回答
2023 浏览

firefox - Firefox:获取视口的实际屏幕位置

对于firefox,无论如何确定“视口”(即客户区)的TopLeft位置?我知道高度/宽度可通过 window.innerHeight 和 window.innerWidth 获得。但我还需要知道“innerTop”和“innerLeft”(不存在)。

谢谢,

0 投票
3 回答
634 浏览

css - 如果没有 javascript,我可以设置一个 div 样式来覆盖当前文档,包括它的边距吗?

它可以使用 javascript 来完成,但仅使用 CSS,是否可以设置 div 的样式以与任何页面的文档内容或视口完全重叠(在页面上应用不透明的灰色层)?由于页面可以为其正文元素设置边距,因此将 div 样式设置为其正文元素的宽度是行不通的。(也需要在 IE 6 中工作)

0 投票
1 回答
1075 浏览

javascript - 为横向视图重新格式化

我从基于导航的应用程序中的字符串加载 UIWebView。我在 UIWebView 的标题标签中使用它:

我使用 1.0 的视口,因为不需要重新调整图像大小,没有视口的情况就是这样。当手机旋转到横向时,窗口宽度被严重剪裁,右侧出现黑色空白。我希望视图能够填充所有横向空间......并且要填充文本使用这个空间,而不是像纵向那样包装。有没有办法获得这种格式?