问题标签 [viewbox]

ViewBoxes 中某些控件的一个常见问题是它们不会拉伸以填充 Viewbox，因此我尝试使用以下代码修复它：

起初，它似乎工作正常。但 Viewbox 的ActualWidth报告值变化比实际快得多。它从 74 开始，但使它变宽一个像素使其立即跳到接近 140，然后另一个像素使它跳到大约 260。然后它超过 400 并保持在这个值。

知道这里发生了什么吗？

我有一个div包含svg图形（一堆圆圈和边）的元素，我还在元素上设置viewBox了属性svg。图中节点和边的坐标是针对指定的屏幕尺寸（因此也是指定的div尺寸）硬编码在px. 使用所需的div大小，图形可以很好地加载，并且在调整浏览器窗口大小时也可以放大和缩小。

div但是，每当在不同的屏幕/尺寸下加载页面时，我的问题就会出现，因为之前svg指定div尺寸的图像保持不变。这会创建一个对于较小的浏览器/屏幕尺寸来说太大的图像。

我为元素设置了以下svg内容：

并在元素viewBox之后立即使用 Javascript设置其属性：div

这不能解决问题。那我还能尝试什么？

我正在开发一个 WPF 应用程序，它将显示在全高清 LCD 屏幕（42 英寸）中。此外，我需要将控件容纳在绝对位置。在开发环境中，我看不到长度为 1920x1080 的窗口（这是目标屏幕的固定分辨率）。

完成此任务的最佳实践是什么？

I coded an app in windows 8 consumer preview and i was not aware of view box, so the app doesn't fit for particular resolutions then i used view box to make the app fit for all the available resolutions, after i ported the app to windows 8 release preview. After i used view box, snap view is not functioning properly. But i'm sure that snap was working fine before i used viewbox. i am unable to find the bug. xaml of the page:

`

`

在我的 index.html 中，我有一个 svg 视图框：

我希望为我创建的 svg 椭圆设置动画，这样当单击椭圆时，它会垂直移动到某个 y 点，我们将调用 TOP，如果再次单击，则会移回其原始位置，称为 BOTTOM。目前我正在使用以下代码在一定程度上有效。

然而，问题是我还使椭圆可以拖动到顶部点并向下拖动到底部点。因此，如果我在 TOP 和 BOTTOM 之间拖动椭圆，然后单击椭圆，它会在 TOP上方垂直设置动画，而不是在到达 TOP 时停止（对于 BOTTOM 向下动画也是如此）。这似乎是 transform translate 方法如何工作的结果。我相信如果我创建一个函数来动态返回椭圆应该相对于鼠标点击的位置（或者更好的是，椭圆当前的位置）平移的量，我可以解决这个问题。问题是我无法弄清楚如何获取元素相对于视图框的当前 y 位置，而我只能获取相对于整个页面的位置。

这是我用来获取点击位置的错误代码：

这是使椭圆可拖动的工作代码：

我正在尝试缩放 InkCanvas 的内容 (Strokes) 以适应固定的打印页面大小。我想从 InkCanvas 中裁剪出所有周围的空白，并在保持纵横比的同时放大 Strokes 以适应页面。

在标记下方的处理程序中，您可以看到我正在更改从 800x300 开始的网格尺寸，并将其设置为 425x550，是可打印页面大小的一半。

标记：

代码隐藏文件：

这个问题基本上说明了一切。如何检查 SVG 是否具有 viewBox 属性？我正在使用蜡染库。我需要这个，因为我需要（至少）通知用户有一个 viewBox 属性。

我可以删除它吗？

我正在使用 Raphael 构建一个类似地图的站点。平移和缩放时，我希望一些对象位于中间，因为我需要知道当前视图框（而不是纸张）的中间位置在哪里。经过大量操作后，我如何知道纸张视图框的中心？

我正在使用JQVMAP生成一些美国地图。该插件有一个 onRegionClick 回调。我正在尝试放大到此功能中的单击状态。我有点知道如何通过将返回给我的 SVG 路径 onClick 转换为 viewBox 坐标来做到这一点，但是，我在转换时遇到了问题。这是我到目前为止所拥有的。

链接到现场演示。如何将 SVG 路径转换为 ​​viewBox 坐标？我会以正确的方式解决这个问题吗？还是有更好的方法来做到这一点？我的最终目标是放大 onRegionClick 的状态。

我在 xaml 中有下面的布局代码

这在 1366*768 分辨率下显示很好，但是如果我将分辨率更改为 2560*1400，它就无法按预期显示，我知道这是肯定的，但是如何将布局调整为不同的分辨率？我尝试添加一个 ViewBox 来封装 Grid，它在 FullScreenLandScape 视图中运行良好，但是当我将应用程序更改为 Snap 视图时，Grid 显示在一个小空间中。

任何人都可以帮忙吗？