我们正在开发具有全屏OpenGL图形的Windows桌面应用程序。现在，我们希望在OpenGL上显示一组控件(箭头、按钮等)。事实证明，要做到这一点非常困难。
大多数教程建议使用WindowsFormsHost进行OpenGL渲染，我们也这样做了：
不幸的是，现在我们不能在WindowsFormsHost上绘制WPF控件，互联网上也有很多关于这方面的讨论：
有一些黑客可以解决这个问题，但它们看起来都很肮脏。有没有一种正确的方法可以直接在WPF中绘制OpenGL，而不需要处理Windows Forms？(我只是不知道为什么你不能在WPF中直接使用它)。
简而言之:在WPF应用程序中，有没有一种
浏览 15提问于2015-05-22得票数 1
我有一个视图类，它是从QGraphicsView类重新实现的。
当鼠标右键点击时，我正在试着画一条线。
下面是我的mousePressEvent、mouseReleaseEvent和mouseMoveEvent代码：
View::View(QWidget *parent) : QGraphicsView(parent)
{
setAcceptDrops(true);
setDragMode(QGraphicsView::RubberBandDrag);
posFirst = QPoint(0,0);
setViewportUpdateMode(QGraph
浏览 0提问于2011-02-10得票数 2
1回答
这东西让我头疼，因为我就是找不到办法。我下载了一个脚本，它帮助我用动画(jquery.lineProgressbar.js)制作图表。
这些图表运行良好，但问题是动画在加载页面时运行。我希望人们能够看到每个图表的动画。我有很多图表在同一页，我需要他们所有的执行动画时，他们进入视口。
我知道这个问题已经贴了很多次了，但没有一个能解决我的问题。
我决定用我的代码做一个柱塞样例，这样您就可以更好地了解它是如何工作的。
我尝试在“进度”部件之前在jquery.lineProgressbar.js中添加一段代码，告诉“一旦div名为”进度条“输入视图端口后应用动画：
$.fn.isOnScreen =
浏览 0提问于2019-01-21得票数 0
回答已采纳
为什么我们不能正常安装QAbstractScrollArea的事件过滤器：
obj->installEventFilter(this)
相反，我们应该在QAbstractScrollArea::viewport()上安装事件过滤器。为什么会导致这种方式？
浏览 1提问于2017-03-20得票数 0
所以我有一个工作正常的例子：
但我不希望这与html标签一起工作。例如，在小提琴中，我们的文本被包装在一个div中。
<div id="fitin">
<div>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores
浏览 6提问于2014-11-27得票数 0
我在我的应用程序中使用了用于Vue js前端的Element UI，我面临的问题是，当我为小型viewport设备设置列的偏移量时，它也适用于普通的viewport。我试图为框架重写CSS。
<el-col :xl="{span: 4, offset: 4}"
:lg="{span: 4, offset: 4}"
:md="{span: 6, offset: 6}"
:sm="{span: 16, offset: 4}">
下面是一个，以供参考：
浏览 0提问于2018-09-02得票数 3
1回答
我有这把小提琴
我想限制iPad Safari上画布的缩小。当我把画布拿出来的时候，画布就会收缩，变小。有没有办法限制这台特定设备的缩小级别？我正在使用KineticJS。
下面是我的小提琴代码
div id="container"></div>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.7.2.min.js"></script>
<script src="http://d3lp1msu2r81b
浏览 2提问于2013-08-08得票数 3
1回答
我正在尝试设计一个用于移动的wesite，在左上角有一个按钮，它是设置为父对象的100%高度。宽度应该与高度相同，但我只找到了JS或JQuery的解决方案。我喜欢这样的东西：
.hamburger {
height: 100%;
width: height;
}
浏览 2提问于2016-05-01得票数 1
回答已采纳
随着宽度的减小，我一直试图增加div的高度。这使得所有的文本都能更好地融入，而不是流出来。没有js就能做到这一点吗？
width: 100%;
height: 29vw;
大众汽车的高度随着宽度的减小而减小。(我需要完全相反的行为。)宽度下降-高度上升)我已经尝试使用负大众扭转的效果，而不是运气。
谢谢!
浏览 4提问于2016-03-25得票数 10
回答已采纳
当我打开一个页面时，我想要获得完全高度的背景图像。
我还没有开始使用jQuery，所以如果您可以帮助我使用基本js的话。这是我目前尝试过的，但没有起作用。
<!DOCTYPE html>
<html>
<head>
<title></title>
<link rel="stylesheet" type="text/css" href="assets/css/style.css">
<script type="text/javascri
浏览 4提问于2015-08-11得票数 1
回答已采纳
是否可以使用GestureDetector --特别是InteractiveViewer的onTapUp手势- inside？
我知道InteractiveViewer本身使用GestureDetector并覆盖onScaleEnd、onScaleStart和onScaleUpdate方法来实现平移。然而，onTapUp没有被覆盖，这让我认为它有使用的潜力。
浏览 2提问于2020-12-29得票数 1
2回答
注:这是的后续问题。
我已经将接受的答案的代码包装在一个事件侦听器中，结果如下：
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
body, html {
width: 100%;
height: 100%;
margin: 0;
padding: 0;
}
浏览 4提问于2013-05-06得票数 2
1回答
我有以下问题:我正在用javascript编写一个游戏，我希望它是resposnive。游戏的场地是一个正方形，其中包含25个较小的正方形。
现在我希望我的站点是响应式的，并且正方形的高度等于他的宽度。
我试着在%属性中这样做，但没有成功。
下面您可以看到应该具有这些属性的类。
.standart {
display: flex;
justify-content: center;
align-items: center;
font-size: 50px;
width: 5.21%;
height: 9.26%;
background: blu
浏览 2提问于2019-04-24得票数 0
phantomJS渲染的最终图像是模糊的，即截图中的字体也是模糊的。我研究了各种堆栈溢出问题，但没有找到准确的答案。有没有办法提高phantomJS的画质，以减少/消除模糊？
我使用windows和JS代码：
var page = require('webpage').create();
page.open('webpage.html', function () {
page.render('webpage.png');
phantom.exit();
});
谢谢!
浏览 0提问于2018-04-15得票数 0
我想知道是否有可能获得一个页面的browser/viewport像素尺寸，并将其显示在页面上(最好使用一种只使用CSS的"content“样式)。我这样做是为了我的一个项目(完全建立在CSS中)。我理解使用JS很容易找到它，但是这并不是这个练习的重点。
我产生的一种方法是使用预处理器的帮助为每个像素创建媒体查询，直到设置一个数量，例如3000 as，如下所示。
/* WIDTH */
$width: 3000;
@for $i from 1 through $width {
@media (min-width: #{$i}px) {.stat__size-width:afte
浏览 7提问于2015-04-10得票数 2
我找了很多东西，却找不到解决问题的确切办法。基本上我有一个页面，它可以在任何div中加载。身体内的所有高度和宽度都是相对设定的。当我将页面加载到一个较小的div中时，我希望它具有当前主体的100%大小(我正在加载的页面主体)，并且它应该完全加载到div中，而不需要任何裁剪/自动调整，并且它必须是可滚动的。
我想出的唯一解决方案是硬编码主页面中的一个维度，但我不想这样做，因为所有这些都应该取决于屏幕的分辨率和当前的缩放因子。
我不知道我应该给出什么示例代码，也不知道需要进一步的细节。请随便向我要任何东西。
我想看看不使用js/jquery是否可行，谢谢。
浏览 0提问于2014-08-13得票数 0
回答已采纳
1回答
全屏缩放背景图像覆盖
、、、
我有一个页面，其背景图像随着浏览器尺寸的调整而缩放。我想弄清楚的是如何使蓝色标记图像缩放，并保持位置与背景成比例。例如，如果蓝色标记位于港口的顶端，当我缩小浏览器时，我希望该标记留在港口的顶端，并与浏览器的新尺寸成比例缩小。
，有人有什么想法可以指引我走向正确的方向吗？
我用下面的方法来找出浏览器的大小，但我觉得我的数学有点不正确。您可以在这里查看活生生的示例：
如果你在一个方向上比另一个方向上缩放的话，这个标记就会掉下来。
<style type="text/css">
html {
background
浏览 1提问于2010-12-14得票数 2
1回答
文本顶部和底部的等距
、、、、
我希望to文本在大小大小的屏幕上具有相等的间距，如下所示：
注意:在所有屏幕尺寸上，它应该在顶部和底部具有相等的间距，这意味着它需要在所有设备上作出响应。
我正在使用引导4。下面是需要修改的HTML和CSS代码：
<!DOCTYPE html>
<html>
<head>
<title>Background Top</title>
<meta charset="utf-8">
<meta name="viewport" co
浏览 8提问于2021-01-09得票数 2
1回答
我在我的项目中使用Next js，并使用next/image来加载图像。我的页面大概是1600px宽的，每行有3个500px宽度的缩略图，如下所示。
所以我需要next/image来加载500px宽度版本的缩略图，但它加载的图像具有1600px宽度。
下面是我使用的组件
import Image from 'next/image';
<Image
src={article.thumbnail}
width={500}
height={277}
layout="responsive"
/>
我的next.config.js：
m
浏览 0提问于2021-05-29得票数 1
如何在创建视口时将浮动窗口添加到视口中。当我尝试添加
viewport.on('add',function(){
//my functionality here
});
我如何添加？
有什么帮助吗？？
浏览 0提问于2012-11-16得票数 0
我正在为iPhone使用opengl es 1.1。
我最初为肖像写了所有的东西，看起来很棒，但当我切换到横向模式时，图形似乎被拉伸了…
有没有关于如何解开这个的线索？
我基本上遵循了本教程，但添加了方块和shouldAutorotateToInterfaceOrientation，但图形仍处于拉伸状态：
代码：
- (BOOL)shouldAutorotateToInterfaceOrientation:(UIInterfaceOrientation)interfaceOrientation{
return (interfaceOrientation == UIInterfaceOr
浏览 0提问于2012-08-20得票数 1
回答已采纳
2回答
在调整大小的浏览器上，我的输入正在增加和减少。如何更改相同的字体大小？没有js是可能的吗？字体大小应该是100%输入高度.
<div class="container">
<div class="inner">
<input class="input"/>
</div>
</div>
和css
.container {
width: 100%;
}
.inner {
position: relative;
}
.input
{
position: abso
浏览 4提问于2014-11-13得票数 2
回答已采纳
有没有人用过带滚动条的cytoscape.js？
cytoscapePanZoom运行得很好，但滚动条也很有用，有时也不会让我们中的一些人感到困惑。
浏览 0提问于2014-06-10得票数 1
我有一个简单的HTML文件：
<body>
<div class="container" id="main"></div>
<script src="https://d3js.org/d3.v5.min.js"></script>
<script src="https://unpkg.com/topojson@3"></script>
<script src="./wdicgeo.js">
浏览 0提问于2021-09-03得票数 1
我想知道是否有媒体查询和/或js来专门检测这些浏览器。
我使用的是js，由于视窗的高度不同，它在这些浏览器上的表现不佳(见上半部分的栏)。
浏览 2提问于2017-01-07得票数 2
2回答
我有以下页面，默认情况下会打开以法国为中心的地图：
它似乎确实在一定程度上自动缩放，但是当我查看法国或德国(仅举几个例子)时，这些国家的放大程度还不够近。然而，如果我搜索伦敦，它似乎是相当完美的-就像在方框中填满伦敦地图一样。
你可以在这里看到不同的结果：
我的目标是做的是填充地图与国家，城镇或地区，当选择…有可能吗？
一如既往的感谢您的帮助！
下面是我的代码：
<%@LANGUAGE="VBSCRIPT" CODEPAGE="65001"%>
<%
location = request.QueryString("l")
i
浏览 0提问于2013-03-06得票数 2
我正在尝试转换HTML文件到PDF文件使用wkhtmltopdf和它创建的文件正确，但缺少所有的引导相关的样式。 下面是将HTML转换为PDF的LINUX命令： xvfb-run --server-args="-screen 0, 1024x768x24" wkhtmltopdf $htmlFile $pdfFile 该应用程序启用了HTTPS，并且所有HTML文件都以HTTPS形式采购，如下所示： https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css
https://code.jquery
浏览 58提问于2019-05-22得票数 0
1回答
我看到了超级马里奥level1 (1563x224)的图片：
但是当你玩游戏的时候，你并没有看到所有的水平。
这些是我的价值观：
// level1.png image size: 1563x224
// viewPort size: 300x224
public static final float LEVEL1_WIDTH = 1563f;
public static final float LEVEL1_HEIGHT = 224f;
public static final float VIEWPORT_WIDTH = 300f;
public static final float V
浏览 2提问于2017-05-26得票数 0
回答已采纳
我正在开发一个混合的android应用程序。我需要对特定的内容部分应用收缩缩放。文本大小应在收缩缩放时增大。我尝试了许多方法，但它们都建议使用图像缩放而不是文本缩放。有谁能帮助我吗？
浏览 5提问于2015-11-21得票数 0
2回答
我对所有这些都很陌生，当窗口调整大小或方向改变时，我不知道如何调整我用于家庭媒体服务器的闪存播放器的大小。我将根据视口的大小来确定播放器的大小。我已经搜索并尝试过不同的版本，但它们不起作用，这很可能是因为我缺乏知识。下面的大部分代码已经完成了，我已经评论了我在这里添加的内容，以供参考。
viewport.js (由我添加)
var width = $(window).width();
var height = $(window).height();
html
<html xmlns="http://www.w3.org/1999/xhtml">
<head
浏览 2提问于2012-04-14得票数 9
1回答
我在一个高度为100%的容器(.inner)中有三个子元素(.container)。在那之后，我有另一个div (.post)，它不会被推到容器下面。
这是一把小提琴
HTML：
<html>
<body>
<div class="container">
<div class="inner">Inner1</div>
<div class="inner">Inner2</div>
<div class="inner"&
浏览 3提问于2015-01-03得票数 1
回答已采纳
1回答
我正在与科多瓦开发一个混合应用程序。我用vh和vw来展示我的设计和大小，所以屏幕大小的细微差别都很好。我的问题是，在Android上，当键盘打开时，vh的值从全屏变为屏幕上仍然可见的部分。这在iOS上没有发生。
关于如何绕过这件事有什么想法吗？我是否应该完全改变布局策略，以便在css中使用另一种维度？我是否应该弄清楚屏幕的尺寸，然后用js设置所有的高度(这看起来很糟糕)？对最佳做法的任何帮助都将是很好的。
谢谢,
史考特
浏览 3提问于2015-04-13得票数 5
回答已采纳
这是我的聚合物元素。它基本上是openlayers中的绘图示例的副本。
这是一个有效的，它证明了我的脚本中没有错误，而且它与聚合物相关。
<link rel="import" href="/static/bower_components/polymer/polymer.html">
<script src="/static/bower_components/openlayers3/build/ol.js" type="text/javascript"></script>
<polymer-
浏览 2提问于2015-01-20得票数 0
我有两个媒体查询大小-
only screen and (min-width: 980px)and (max-width: 1499px)";
only screen and (min-width: 768px)and (max-width: 979px)";
Safari正在应用第二个媒体查询，而浏览器宽度仍在第一个媒体查询的范围内--当window.innerwidth在980-995之间时。
我从没见过这个-有什么想法吗？
更新-
因此，我发现了这个问题--新的OSX的媒体查询使用document.documentElement.clientWidth作为度量--而所有其
浏览 0提问于2015-10-22得票数 5
回答已采纳
2回答
SVG标记占用额外空间
、、、
所以我在HTML5中的SVG元素遇到了一个奇怪的大小问题。它占用的空间比我想象的要多得多。图像中的每个小矩形都是一个宽度和高度均为"20“的矩形元素。
SVG元素的高度和宽度应为20*10 = 200，但尺寸应为680x508。
您可以在此处查看已检查的svg元素->
HTML如下所示：
<svg>
<rect x='0' y='0' height='20' width='20' stroke='black' stroke-width=''/>
浏览 0提问于2012-11-03得票数 5
回答已采纳
2回答
我想要制作一个元素，也就是我用css制作的框，显示在框架之外，或者有一个完整窗口长度的最高边距值。
下面是一个工作示例的网站链接：引用链接的网站，我想复制刚脱离框架的白色背景区域，使用户通过滚动发现白色区域。谢谢您抽时间见我。
HTML代码：
<!DOCTYPE html>
<html>
<head>
<link type="text/css" rel="stylesheet" href="Stylesheet.css"></link>
<s
浏览 0提问于2015-01-07得票数 1
回答已采纳
什么单位或方法是最好的(或至少是好的！)使用相对于屏幕尺寸的测量方法？我把这个问题限制在移动设备上，我怀疑这可能会影响到答案。因此，我会将样式包装在@media (hover:none), (hover:on-demand) { }中。
浏览 0提问于2020-08-24得票数 3
1回答
滚动事件问题
、、、
我正面临着一个非常严重的问题，将在Flex4.6移动项目中使用。我无法捕获Scroll事件。我相信他们已经从Flex4.6Mobile中删除了滚动事件。请建议一些解决方法。
浏览 0提问于2012-04-03得票数 0
我有一个流体容器，我希望它的高度根据窗口的宽度逐渐改变(因为div的宽度是100%)。请注意，所需的行为类似于应用长宽比css规则时的行为，即线性逐渐增加/减少。这样的变化应该在某个最小和最大高度停止。 我知道一些js可能是必需的，所以如果只有css失败，我对此持开放态度。
浏览 22提问于2021-10-12得票数 0
回答已采纳
2回答
我有两个关于设置视口的问题？
元标记是设置viewport的唯一方法吗？我是说是通过JS还是其他方式？
我有一个Java应用程序(使用JSP/Struts等)。所以我能从一个地方把它放在全球范围内吗？如果是的话，如果以后需要，我可以为特定的页面重写它吗？
浏览 3提问于2011-04-24得票数 1
回答已采纳
3回答
jQuery模态高度响应
、、、、
这是我的HTML代码，下面是jquery代码。
<div class="popup-overlay">
<div class="popup " id="first">
<div id="style-1" class="scrollbar">
<div class="wdth123">
<!-- some content here almost width of 500px height of 800px; -->
浏览 3提问于2015-09-21得票数 0
回答已采纳
我尝试将一个面板(标题为‘Ext.panel’，在代码末尾)映射到mainView ('Foresto.view.main.Main')或courusel的一部分(id:'mapId')，但没有得到肯定的结果。所以我的问题是: 1)如何将面板渲染到主视图或课程项('mapId') 2)在Ext JS 6+中，现代工具包中有哪些主流方法可以将对象渲染到主视图或主视图的元素？
现在我的代码看起来像这样：
Ext.define('Foresto.view.main.Main', {
extend: 'Ext.form.Pane
浏览 17提问于2018-12-20得票数 1
当屏幕对于导航栏来说太小时，单击3个栏时，我的引导导航栏不会折叠。
<nav class="navbar navbar-inverse">
<div class="container-fluid">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navba
浏览 0提问于2015-06-28得票数 0
网站应该有一个流畅的布局，调整到设备的宽度，在纵向和横向。这是我的meta viewport标签：
<meta name="viewport" id="viewportid" content="width=device-width, minimum-scale=1.0, maximum-scale=10.0, user-scalable=yes">
问题是，当用户缩放时，内容会流动以适应可视视口。我想确保内容保持静态。也就是说，布局视口不受视觉视口的影响。
如何防止内容在缩放时流动？
非常感谢你的帮助。这就像地狱一样令人恼火。
这是一
浏览 0提问于2012-03-10得票数 1
回答已采纳
2回答
我仍然是OpenGL的初学者。我正试着用着色器在1280 * 720的屏幕上画一个完美的正方形。
我使用的是OpenGL核心配置文件3.3版。当我试图在1280年乘以720的时候画一个正方形时，我被这个卡住了。
经过一段时间的搜索，我意识到大小被视口大小扭曲了，在将视口大小更改为720x720之后，我得到了这个。
在遗留的OpenGL中，他们有一个来修复这个问题，但现在它在核心概要中被弃用了。
问题:仅使用核心配置文件OpenGL 3.3，如何在1280x720屏幕大小中绘制完美正方形？
浏览 2提问于2015-09-06得票数 0
我是javascript的新手，所以我可能在这里遗漏了一些明显的东西，但这就是问题所在。如果事件发生在javascript控制的活动区域之外，我不会得到鼠标按下/向上事件，所以如果鼠标在按下左键的情况下进入活动区域(onmouseover事件)，有没有办法知道按钮是按下的？
补充信息:理想情况下，我希望即使在浏览器窗口之外也能跟踪鼠标-就像谷歌地图那样-试着点击鼠标键并移动到浏览器之外-这在chrome中有效，但在Firefox中有一些怪癖。有没有可能在保持在JavaScript的范围内的情况下做到这一点，或者它是一些专有的东西？
浏览 1提问于2010-09-11得票数 3
回答已采纳
我在iOS上有一个科尔多瓦项目，我想在事件'X‘之后切换到特定的选项卡。
假设事件'X‘刚刚发生，我的目标C进行如下调用来运行JS函数openNotificationTab()：
NSString *goToNotification = [NSString stringWithFormat:@"openNotificationTab()"];
[viewController.webView stringByEvaluatingJavaScriptFromString:goToNotification];
openNotificationTab()函数驻留在fil
浏览 1提问于2012-07-12得票数 0
回答已采纳
1回答
我在一个屏幕上使用了两个阶段。一个用于游戏参与者，另一个用于控制按钮等。我使用FitViewport作为游戏的舞台。
我应该使用什么函数“调整大小”？如下所示：
public void resize(int width, int height) {
FitViewport vpC = new FitViewport(Gdx.graphics.getWidth(), Gdx.graphics.getHeight());
stageC.setViewport(vpC);
stageC.getViewport().update(width, height, true);
浏览 0提问于2014-08-17得票数 3
2回答
我想从Sencha Touch中删除事件处理程序，以便在Mobile Safari中进行缩放(目前由Sencha阻止)。我的问题有什么解决方案吗？
浏览 0提问于2012-03-28得票数 2
回答已采纳
1回答
在这个问题之后，，我试图获得一个良好的渲染浮动三维立方体使用three.js。相机的比例是window.innerWidth / window.innerHeight，因为我使用的是矩形div容器，所以我得到了一个扁平的立方体。有点像。
我试着让我的div容器与我的屏幕或窗口大小成比例，它起作用了！例如，对于1367x768屏幕：
CSS:
#render {
width: 450px;
height: 250px;
}
但!我想让这也解决不同的大小，例如，智能手机！这将是完美的，使这种充分的反应。是否有可能获得宽度和高度完全成比例的屏幕大小在CSS？
浏览 2提问于2016-08-05得票数 9
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
