问题标签 [viewbox]

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 投票
3 回答
2883 浏览

wpf - 制作全屏 WPF 应用程序的最佳方法

我正在 WPF 中创建一个全屏应用程序,我需要选择如何实际调整内容大小以使用屏幕上的所有可用空间。

据我所知,有两种解决方案:

  • 带有星星尺寸的网格
  • ViewBox 包装器

我认为他们都可以完成这项工作,但取决于应用程序,一个比另一个更好:什么时候应该使用网格方法?什么时候可以接受 viewbox 方法?

0 投票
2 回答
6580 浏览

svg - Stretch inside an to fit window size

I am trying to stretch an svg document inside an DOM in order to fit the window size.

like so:

css:

This isn't working... What am I doing wrong?

0 投票
1 回答
333 浏览

wpf - 意见:视图框

我不想在 WPF windows 应用程序中处理不同的屏幕分辨率。所以,我想到了一种方法,我相信它可以处理显示器的所有各种问题 - 在合理范围内。

窗口的设计是这样的:

使用这种方法,无论分辨率如何,都会缩放窗口以与显示器对齐。有一些极端情况,应该提到;

  • 如果窗口被最小化到一个非常小的分辨率,它将无法使用,因为控件被显着缩小。

  • 如果窗口设计的纵横比与目标不同,则可能会显示大量空白

除了提出潜在的负面约束外,我对此时的结果感到非常满意。我不需要担心滚动条或各种缩放选项——它就可以工作!

我不能成为第一个发现这一点的人,但我以前从未见过任何地方提到过这种方法。我仍然是 C# 世界的新手,这是最近的发现。

我想听听我在这里没有考虑过的方法的负面影响,并希望这将有助于其他人的设计工作。

谢谢大家......

0 投票
1 回答
3856 浏览

wpf - 包含 TextBlock 的 Viewbox 似乎具有最小高度

我正在尝试在 WPF 中构建一个可以随窗口大小缩放的 UI 布局。这个想法是在左边有一些控件,在右边有一些控件,在中间有一行文本。如果右边的文本行被裁剪就可以了。最主要的是所有控件的纵横比都保持不变。

那部分工作正常。问题是文本的中心线似乎有一个最小高度;低于这个高度,它将开始垂直剪裁。如果我把窗口做得很薄,我希望文本继续缩小。即使手动设置FontSizeonTextBlock也不起作用。

请注意,左侧和右侧的控件没有最小宽度;它们可以无限缩小。

我的 XAML 在这里。我正在使用.NET 4.0。

0 投票
2 回答
1601 浏览

silverlight - 在 Silverlight 中将 Canvas 放入 Viewbox 中

全部,

我正在尝试以合理的方式制作我正在调整大小的 silverlight 应用程序。为此,我想我会使用动态网格。在网格的中心,我需要在画布内放置一个图像,因为我将动态地将对象定位在它上面。理想情况下,随着用户使浏览器窗口变大,中心栏将能够调整大小并变大,从而扩大图像。

这是我所拥有的:

在后面的代码中,我设置了图像源。

这是我的网格定义:

我认为在 Viewbox 的构建过程中一定会发生某种未处理的异常,因为图像根本不显示。我在这里做错了什么?我采取了错误的方法吗?

0 投票
1 回答
1504 浏览

sql-server - SVG viewBox 反转 Y 坐标

我正在使用 SVG 在 HTML 页面中绘制不同的形状。这些不同的形状是从 Microsoft Sql Server 中空间数据库的几何对象中检索的。我面临的问题是坐标系统(Svg 和 Microsoft Sql Server)是不同的。0,0 从左上角的 Svg 开始,而在 Microsoft Sql Server 中,它从左下角开始。我只需要反转 Y 坐标。我还使用 viewBox 正确显示数据(用于不同的转换)。有什么方法可以解决我的问题,而无需触及对象的坐标并仅使用我的视图框的属性?我动态创建对象,并且更喜欢“viewBox”解决方案。

提前致谢!

0 投票
1 回答
9851 浏览

c# - 使用鼠标滚动放大和缩小 ViewBox 并使用鼠标指针位置作为缩放原点

标题几乎是不言自明的,但为了补充事实,我Canvas在 my 内部使用了一个大的,ViewBox而 myViewBox被放置在一个ScrollViewer. 我已经为 and 设置了事件处理程序MouseMoveMouseWheel并且我正在使用myViewbox.WidthandmyViewbox.Height来更改缩放级别(我不确定这是正确的方法)。现在我被困在如何将缩放原点设置为我的鼠标指针位置。

提前致谢。

0 投票
1 回答
250 浏览

wpf - 如何在一个区域上传播/拉伸文本内容?

在 WPF 中,如何在一个区域(宽阔的水平区域)上展开/拉伸内容?

像这样: 在此处输入图像描述

这是我当前的代码(来自图片的上部):

0 投票
1 回答
741 浏览

silverlight - Silverlight Viewbox 不适用于 IE9

我正在开发一个用于小型和大型显示器的 Silverlight 应用程序,

我的代码运行良好,我的主页包含一个视图框,所有控件都是该视图框的子控件,并且它们确实可以正确缩放,我一直在 IE9 上进行测试。

最近 VS2010 在处理 silverlight 时经常崩溃,因为这次崩溃 IE9 拒绝正确显示我的 Viewbox。

Chrome / Opera / Firefox / Safari 都有正确的行为,但不再是 IE9。

当应用程序启动时,它的初始大小是正确的,但几秒钟后它似乎脱离了视图框。

主页.xaml

下图显示了页面在 IE 和 Chrome 中的外观。

大约 800x600 的 Chrome(正确) Chrome 正确缩放

大约 800x600 的 IE(不正确) IE 缩放不正确

两者都使用相同的 XAP 文件,该应用程序之前从未在 chrome 上运行过,因此它不应该被缓存,无论哪种方式缓存在测试之前被清除。

以前有没有人遇到过类似的问题?是否有任何解决方法可以在 IE 上进行这项工作?

这是silverlight或IE的错误吗?

任何帮助将不胜感激

谢谢

0 投票
1 回答
516 浏览

silverlight - 如何在 Viewbox 内垂直滚动 ItemsControl?

如果将 ItemsControl 放置在视图框中,如何让 ItemsControl 垂直滚动?

我需要 Viewbox 将我的 ItemsControl 的所有内容水平缩放到手机的宽度(Viewbox 做得很好,它以这样一种方式缩放内容,即 ItemsControl 的最宽行恰好占据宽度,等于手机宽度) . 但是现在由于某种原因我无法垂直滚动列表,我尝试了 ScrollViewer、Viewbox 的滚动条、ItemsControl 的滚动条——没有任何效果。