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

wpf - 在 WPF RibbonButton 中使用矢量图形 XAML 文件作为 ImageSource

我使用 Expression Design 4 将 Adob​​e Illustrator 文件转换为 .xaml。现在想要获取生成的 ControlTemplate 并将其用作 MS RibbonControl.RibbonButton 中的 LargeImageSource 或 SmallImageSource 中的 ImageProperty。已经创建了一个图像资源字典,并在其中放置了以下代码:

目前我们正在使用带有 png 文件的位图作为图像源,但现在想使用上述 xaml 文件。预先感谢您的任何帮助。账单

0 投票
1 回答
820 浏览

.net - 在 Viewbox 中获取 TextBlock/Label 以在没有不需要的填充的情况下进行缩放

这是我非常简单的xaml:

这应该缩放标签/文本块(我都尝试过)以尽可能多地填充窗口,同时保持文本的纵横比。问题是,如果您拖动窗口的大小,您会看到文本的顶部和底部似乎有某种不可见的、不可更改的填充。

左右好像没有(左图),但上下有(右图):

左和右看起来不错。 左右,没那么多!

在这里,我指出了我正在谈论的额外填充:

在此处输入图像描述

希望它渲染得更像这样(我是手动完成的,所以纵横比并不完美):

在此处输入图像描述

有没有人克服过这个?也许我需要直接用 GDI+ 或其他东西来绘制这个文本,但我什至不知道从哪里开始,所以我应该用谷歌搜索的任何关键字也将不胜感激!

0 投票
2 回答
10492 浏览

svg - SVG viewBox 放大中心(拉斐尔)

我尝试使用 viewBox 在 Raphael 纸上使用鼠标滚轮进行缩放。是 JSFiddle 代码。

它可以工作,但现在我想放大中心,我不知道从哪里开始。我想我应该改变 viewBox x 和 y 坐标。我试过这个(在函数句柄(delta)中):

但没有用。我将不胜感激任何帮助。谢谢!

0 投票
3 回答
17660 浏览

wpf - 文本框不会拉伸以填充视图框

我希望我的 LOB 表单中的标签和文本框的字体大小随着窗口大小或分辨率的变化而增大和缩小。为了实现这一点,我将标签和文本框放在了视图框中。

标签和自定义单选按钮的行为与我预期的一样,但文本框不会水平拉伸以填充视图框(抱歉,由于代表无法发布图像)。如果您输入文本框,它们将水平填充视图框。

这是我正在使用的代码示例:

我尝试在视图框中放置网格、堆栈面板和停靠面板(LastChildFill="True"),然后将文本框放置在这些布局控件中,但这也不起作用。反正有没有让文本框水平填充父视图框?

这个问题与此类似:WPF TextBox won't fill in StackPanel but this problem is with stackpanels, not viewboxes。

0 投票
1 回答
2199 浏览

svg - svg viewbox缩放问题

我有一个关于 svg 的 viewbox 的问题,在我看来它就像一个无限 svg 计划上的窗口,它的边界是在 svg 元素的 viewBox 属性中设置的。它表示 svg 计划中 2 个坐标之间的矩形。因此,“0 0 1000 500”的 viewBox 显示了 svg 计划的 (0,0) 和 (1000,500) 之间的窗口。当我制作 viewBox (2000, 0, 3000 500) 时,我看到了 (2000,0) 和 (3000,500) 的窗口。x 和 y 缩放未修改:在这两种情况下,我都显示 1000 * 500 单位的 svg 计划。

但显然我在某些地方出错了。我正在尝试对视图框进行动画处理以模拟某种代码显示,保持 y 坐标不变,但更改 x 坐标(不更改显示的实际单位数),但这会出错。不知何故,我的 y 缩放发生了变化。在现代浏览器中,您可以验证自己(拉动滑块以更改视图框)。我在 SVG 规范中遗漏了什么?

0 投票
1 回答
5424 浏览

svg - SVG viewBox 不适用于负位置的嵌套 svg

在这个例子中,绿色圆圈被切断

见:http: //jsfiddle.net/sCzZT/

请注意,每个圆圈都包裹在自己的圈子里svg

在这个例子中(没有嵌套的 svgs),绿色圆圈没有被切断

http://jsfiddle.net/jVH9q/ 使用嵌套 svgs 时如何让绿色圆圈不被切断?

0 投票
1 回答
896 浏览

wpf - 图像上的 ScaleTransform 留下空白

我正在创建一个带有单个图像和一个多边形覆盖的对话框。问题是图像的比例与多边形的比例不同,所以我想缩小图像以匹配多边形的比例。但是当我使用 RenderTransform/ScaleTransform 标签时,图像会变小,在对话框的右侧和底部留下空白。是的,覆盖现在可以正常工作,但我想让它填满可用空间来填满窗口。

0 投票
1 回答
5459 浏览

wpf - 如何在方形按钮中拉伸文本?

在我的应用程序中,我有一个方形按钮网格。每个按钮的文本内容是在运行时设置的。在大多数情况下,文本只有一个字符长,但有时会更长。我需要使整个文本始终可见,即拉伸它(更改字体大小)以适合按钮的边框内。我该怎么做?

我尝试使用 Viewbox,但它没有帮助。

我的 XAML 的简化版本:

关于如何实现我需要的任何想法(即方形按钮+始终适合的文本)?

0 投票
1 回答
1116 浏览

svg - ViewBox 填充 svg

我在视图框内有一个图形(svg),如果图形大于视图框,它会缩小以适应,但如果图形小于视图框,它不会均匀拉伸以填充视图框中的最大区域。

不明白为什么 preserveAspectRatio="xMidYMid meet" 不能满足我的要求。

感谢未来的答案

0 投票
1 回答
384 浏览

javascript - svg 在 Mozilla Firefox 中的滚动性能

我写了一个简单的拖拽滚动 svg(svg 文件代码)。在这里,我在老鼠之后移动了图片的 viewBox。并在 Chromium 和 firefox 中对其进行了测试。在铬中它工作得很好(通过鼠标指针拖动图片)。但在 Firefox 中,它在同一台机器上抽搐。这种低性能的原因是什么?我怎样才能克服它?