问题标签 [viewbox]

有没有办法获得 ViewBox 在 XAML Windows 8 Metro Style App 中缩放其内容的比例因子

我想使用 viewbox 来维护我的 wpf 窗口的纵横比。即，如果我将我的应用程序放在大显示器上，它应该自动适应该屏幕，如果在我的笔记本电脑上运行它，它应该适应它的屏幕。请帮我解决这个问题。它应该完全使用视图框在 xaml wpf 上完成。

这是一个有效的jsFiddle示例。

基本上你输入一个数字并点击“添加”。将使用 Raphael 生成包含该数量框的行，并且视图框将调整大小以适应行。添加更多行，视图框将再次调整大小。这工作正常。

我的问题是，在创建框后，我在行尾添加了一个删除对象。单击它应该只是删除该行。这看起来工作正常，除了一旦我删除一行尝试添加一个新行将导致视图框随着控制台消息而缩小

我知道错误来自以下两行代码：

哪里sectionSize.width和.height是NaN，但我不知道为什么。我没有正确删除行吗？

完整代码：

HTML

我有一个巨大的 svg 3200*1800。我只想显示该图像的一部分，例如 400*1000，确保宽度是主要属性并具有高度的滚动条，但是当我设置视图框时，它会增加宽度以显示添加的高度。

他们是阻止这种情况发生的方法吗？

我正在使用 raphael 创建 svg 圆圈。我还按照http://jsfiddle.net/9zu4U/10/中的建议使用 setViewBox 进行缩放和平移。实际上，我的问题就像我在屏幕上创建了一个圆圈，然后单击该圆圈在大圆圈内创建了 20 个较小的圆圈。所以我放大并单击任何较小的圆圈。它在该圆圈内创建了 20 个圆圈。我放大等等。但是在 6-7 级之后，它给了我扭曲的圆圈和六边形。这可能是什么原因？它不会发生在 Mozilla 中。

我最初尝试创建一个非常大的纸张和一个非常大的圆圈并将其缩小显示以适合屏幕。只是为了确保最小圆的半径不进入十进制值。

编辑：例如jsfiddle.net/LbcPd/3。

这是很多类似的问题，但没有好的答案？我使用上下文绘图在某个矩形大小“720,576”上绘制输入文本，现在我需要将整个文本调整为最大字体大小，同时保持行数？

我试图创建一个方程来计算，但没有用。我什至尝试循环大小直到文本被剪切，但我无法测试那个条件，我搜索了一周看到类似的东西但无济于事！

最后我尝试使用一个接近我想要的视图框，但它不会让里面的文本块变成多行，因为它总是重新调整宽度的大小，在一行中包含所有文本。

这是我得到的：

任何帮助将不胜感激，谢谢。

我正在构建 AERO 玻璃给你的类似效果，一个模糊的窗户。我很快意识到这在 WPF 中并不容易，但我设法让它几乎完全工作。当涉及 Viewbox 时，我只是卡住了。

所以我所做的是：我创建了一个矩形，制作了一个可视画笔来获取给定背景元素的一部分，将视图框转换为恰好占据矩形重叠的图像空间，并将其用作矩形的填充。

ElementName 网格指的是我的矩形和我的图像的共同父级。我不能让它们成为祖先，否则会干扰模糊效果。所以我把它们放在一个网格中。

最后一部分是多值转换器，它为 VisualBrush Viewbox 进行实际计算。

所以这是重现我的以下问题所必需的。如果您想测试代码，您可以轻松地将其放入一个简单的 wpf 应用程序中。

如果您对此进行测试，您会发现它运行良好。如果我们将矩形放置在 Viewbox 和具有固定大小的网格中（这模仿了我的实际问题），现在就会出现问题。

所以我猜测视图框的缩放是在布局之后应用的，因此在我的 TransformTo 调用中不会被识别。但是我已经尝试在我的转换中使用 Viewbox 的实际缩放，但没有运气。只要 Viewbox 在那里，我就无法让它工作，所以我希望任何人都知道可能出了什么问题，或者甚至可以为我指出一个更简单的解决方案。我希望该代码稍后转换为自定义控件，以便轻松重用它，因此我更喜欢不太依赖任何特殊条件的方法。

我有一个可调整大小的 div。它有两个内部 div。其中一个内部 div 中有一个 svg 元素。

在 svg 元素中，我动态添加和删除内容，以便每次在我的 svg 中添加内容。我通过添加 20px 来增加它的高度，当我删除时，我将高度减去 20px。当我的 svg 高度大于其父 div 时，父 div 中会出现一个滚动条。同样，当 svg 高度小于父 div 时，将删除滚动条。

当我调整大小时，问题就开始了。我在我的 svg 中添加了一个用于调整大小的视图框选项。但是当我增加尺寸时，我的一些 svg 元素是不可见的。当我减小尺寸时，我的 svg 被放置在较低的位置，留下空白空间。

在我看来，如何用 viewbox 属性处理 svg 位置/高度，这一切都搞砸了。

我试图制作一个小提琴来以某种方式模拟这种行为。但是这里 svg 中的元素不是动态添加的，并且 svg 高度是恒定的。

链接到我的代码

任何帮助将不胜感激

我目前正在学习和工作在 JavaScript 和 SVG 方面，我是新手。这是我的场景

我有一个 div，里面有一个 SVG。

现在我想知道鼠标相对于我的 div 的位置，所以我编写了以下代码

它工作正常。但是，当我使用查询 resizable 向我的 div 添加调整大小功能时，问题就出现了。要调整我的 svg 的大小，我在其中添加了一个 viewBox 选项。现在我的 svg 看起来像这样

但是现在我的鼠标坐标不能正常工作，我的线离我的鼠标有点远，当我增加 div 大小时它离我的鼠标更远。当我的svg中有一个viewbox选项时，任何人都可以指导我如何计算我的偏移位置。

感谢任何帮助和指导。

我有一个 WPF 项目，通过将视频控件放在 ViewBox 中来保持视频比例。视频控件是包装在 WindowsFormsHost 中的 WinForms 对象。我还添加了一个 gridSplitter 来调整 ViewBox 的大小。一切都很好，直到我注意到一个奇怪的错误。当我使用 gridSplitter 控件将 ViewBox 最小化到接近于零时，再次展开后视频比率会被搞砸。而当我使用 gridSplitter 将 ViewBox 一直收缩到 0 时，WindowsFormHost 会在展开后完全消失（它仍然存在，但 ActualWidth 和 ActualHeight 现在为 0）。

删除 ViewBox 控件，只使用 WindowsFormsHost 工作正常，但我需要 ViewBox 来控制纵横比。如果我找不到解决方案，我将不得不自己控制比率作为解决方法。

我想我一定是做错了什么，所以我写了一个快速测试程序来重现这个问题。我将在下面发布一个完整程序的链接（它在 C#、VS2008 中）。

在测试程序中，我创建了一个带有两列的网格，并带有一个允许您调整它们大小的 gridsplitter。然后我在左侧控件中放置一个 ViewBox 并在其中放置一个 WindowsFormsHost。然后我在 WindowsFormsHost 中托管一个红色的 _winFormsButton。

该按钮可以很好地缩放，直到您完全收缩左列然后再次展开它。按钮不见了。如何防止这种情况发生，以便在收缩和扩展左栏后按钮继续缩放？谢谢。

XAML：

代码背后：

示例代码输出：

测试项目代码链接（VS2008）： code