问题标签 [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 投票
5 回答
10074 浏览

wpf - 使 Viewbox 垂直缩放但水平拉伸

我想制作一个仅缩放其高度的 Viewbox(或类似的东西),然后水平拉伸其内容。

如果我这样做:

然后我得到这个:


(来源:excastle.com

它就像两个按钮都有 Horizo​​ntalAlignment="Center",然后缩放结果。但我不想要 Horizo​​ntalAlignment="Center"; 我想要 Horizo​​ntalAlignment="Stretch",像这样:


(来源:excastle.com

所以我希望它读取其内容所需的高度,仅根据高度计算缩放因子,然后允许缩放的内容水平拉伸。

有没有办法使用 Viewbox 和/或某些第三方面板来完成此操作?

0 投票
1 回答
857 浏览

iframe - SVG 图像放大模式不显示滚动条

全部,

我在 iframe 中有一个 SVG 图像,我正在使用视图框进行放大。但是,当图像对于视图框来说太大时,浏览器不会显示滚动条。我假设浏览器(Firefox 3.5 和 Chrome 7.0 测试)会自动显示滚动条,但似乎并非如此。据我所知,无法以放大模式查看整个 SVG 图像。

有谁知道如何在 iframe 中添加滚动条功能,以便无论我们制作 SVG 图像多大,我们都可以让滚动条可见以导航和查看图像?

非常感谢,

0 投票
1 回答
924 浏览

silverlight - 未在调整 Viewbox、Silverlight 的大小上绘制的项目

我目前正在 Silverlight 中设计一个布局应用程序,并且有Canvas一个Viewbox. 我在画布上添加了形状并且它们正确显示,当我调整视图框的大小以放大 2 倍高度和宽度时,一切仍然正确绘制。

当我尝试放大一个4或更大的因子或0.5(缩小)时,问题就出现了。

更新:水平线仍然存在,只是没有绘制。其他形状和消失的形状之间的相互作用仍然存在

当我这样做时,任何水平线都不会重绘,但任何其他形状,其他的垂直线,仍然可以重绘。这些对象仍然是画布的子对象,它们的可见性都设置为可见。

怎么了?

更新
非常简单的 XAML:

这是我添加形状的方法:

放大:

0 投票
5 回答
8162 浏览

svg - 在 Raphael 中调整 SVG 大小的问题

我正在尝试使用拉斐尔绘制这个欧洲的 svg 。对于 svg 中的每条路径,我已经对其进行了解析并执行了:r.path([countrypath])。这行得通,但问题是它是巨大的。例如,某些路径看起来M 11689.234, 6005.2561...甚至无法适应 500x500 的画布。我该如何调整这个大小?拉斐尔的比例/翻译似乎不起作用,或者我不知道如何使用它。我注意到在 SVG 中每个路径都有transform="translate(5.875e-4,7.538462e-5)"我需要以某种方式更改视图框吗?或者在触及拉斐尔之前以某种方式更改 svg 路径?

0 投票
2 回答
627 浏览

silverlight - 如何在 Silverlight 中调整控件大小

我正在开发一个 Silverlight 应用程序,我的问题是这样的:我有一个StackPanel 并且在堆栈面板里面我有一个ViewBox. 在视图框内,我添加图像并将它们旋转 90 和/或 -90 度。

旋转时,我的图像会离开视图框。我怎样才能解决这个问题?

0 投票
1 回答
5546 浏览

wpf - 带有“UniformToFill”的WPF Viewbox内的可滚动内容

如何使放入 WPF中的内容可滚动ViewboxStretch="UniformToFill"

例如:

内容会调整大小以填充目标尺寸,同时保留其原始纵横比。如果目标的宽高比与源的不同,则源内容将被剪裁以适应目标尺寸。
所以我尝试使用ScrollViewer能够滚动到被剪辑的源内容区域,但是滚动条是可见的但被禁用了。

我试过ClipToBounds="False"但没有帮助。

0 投票
1 回答
5491 浏览

wpf - 如何获得应用的 WPF Viewbox 缩放系数

Viewbox如果我们使用WPF (Silverlight)Stretch="UniformToFill"Stretch="Uniform"当它保留内容的本机纵横比时,我们如何知道应用于内容的当前缩放系数?

注意:我们并不总是知道内容的确切初始尺寸(例如,它是一个包含很多东西的网格)。

0 投票
1 回答
424 浏览

silverlight - 在 Silverlight 中缩放后形状之间的间隙

创建一个 400 x 400 的画布。在其中放置一个 200 x 400 的蓝色矩形。放置另一个相同大小的蓝色矩形,Canvas.Left = 200。将其包裹在 Viewbox 中并缩放视图框。在某些分辨率下,您会发现矩形之间出现一个白色的柱子,尽管它们应该是齐平的。

我怎样才能避免这种情况?到目前为止,我发现的唯一方法是将右侧矩形左侧的画布设置为略小于 200,例如 199 - 但即使这样也会在某些比例下显示伪影。

0 投票
2 回答
966 浏览

wpf - wpf自定义面板

我正在考虑创建一个面板,该面板将所有子项包裹在 ViewBox 内,以便可以将它们缩小到某个统一的大小。

我不确定这是否可行,但我想我会问。我不确定这是否可能的原因是 Panel 没有与它们关联的任何 xaml。他们用代码测量和安排孩子。有小费吗?


在不够清楚之后,我想我会更具体:

我想要一个小组,因为我想安排和衡量我的孩子。

  1. 该度量找到所有子元素的平均高度/宽度。
  2. 排列将它们放入网格状图案并将它们缩放到平均高度/宽度。我不希望它们被限制,我希望它们适当地放大或缩小。

我已经让 measureoverride 函数可以找到平均高度/宽度,但我不知道如何在我的安排覆盖中缩放它们。

0 投票
1 回答
1172 浏览

wpf - 如何在视图框内显示一半矩形画布

我有一个 Canvas 元素,其宽度为 1400 像素,高度为 750 像素。此 Canvas 包含 2 个 Path 元素,它们是对称的,沿垂直轴并排放置。

此 Canvas 位于 ViewBox 内,因为用户可以调整拥有 Canvas 的 ContentControl 的大小,并且我希望 Canvas 可以缩放。

现在,我在 ViewBox 中看到了两个路径。

我想做的是只在 ViewBox 中显示画布的左半部分(这半部分被正确调整大小),并且能够使用画布的平移显示画布的右半部分,使用故事板和属性触发器。

我想我可以应付动画部分,但现在我正在为显示而苦苦挣扎。

您将如何编写 XAML 以获得我想要的内容?

提前致谢

迈克尔