問題タブ [viewbox]

Expression Design 4 を使用して Adob​​e Illustrator ファイルを .xaml に変換しました。生成された ControlTemplate を取得し、これを MS RibbonControl.RibbonButton の LargeImageSource または SmallImageSource の ImageProperty として使用します。作成された画像リソース ディクショナリがあり、そこに次のコードが配置されます。

現在、画像ソースとして png ファイルのビットマップを使用していますが、上記の xaml ファイルを使用したいと考えています。よろしくお願いします。明細書

これが私の非常に単純なxamlです：

これは、テキストの縦横比を維持しながら、可能な限り多くのウィンドウを埋めるために、ラベル/テキストブロック (私は両方を試しました) をスケーリングすることになっています。問題は、ウィンドウのサイズをドラッグすると、テキストの上下に、目に見えない変更不可能なパディングがあるように見えることです。

左右にはないように見えますが (左画像)、上下にはあります (右画像):

ここで、私が話していた追加のパディングを指摘しました。

私はそれがこのようにもっとレンダリングされることを期待しています (私はこれを手動で行ったので、アスペクト比は完璧ではありません):

これを克服した人はいますか？このテキストを GDI+ か何かで直接描画する必要があるかもしれませんが、どこから始めればよいかさえわからないので、Google にヒットするキーワードがあれば、それもありがたいです!

viewBoxを使ってラファエル紙をマウスホイールでズームしてみました。JSFiddleコードは次のとおりです。

それは機能しますが、今は中心を拡大したいのですが、どこから始めればよいかわかりません。viewBox の x 座標と y 座標を変更する必要があると思います。私はこれを試しました（関数ハンドル（デルタ）で）：

しかし、うまくいきませんでした。助けていただければ幸いです。ありがとうございました！

ウィンドウのサイズ変更や解像度の変更に応じて、LOBフォームのラベルとテキストボックスのフォントサイズを拡大および縮小したい。これを実現するために、ラベルとテキストボックスをビューボックス内に配置しました。

ラベルとカスタムラジオボタンは期待どおりに動作しますが、テキストボックスはビューボックスを埋めるために水平方向に伸びません（担当者のために画像を投稿できません）。テキストボックスに入力すると、テキストボックスはビューボックスを水平方向に埋めます。

これが私が使っているコードの例です：

ビューボックス内にグリッド、スタックパネル、ドックパネル（LastChildFill = "True"を使用）を配置してから、これらのレイアウトコントロール内にテキストボックスを配置しようとしましたが、これも機能しませんでした。テキストボックスを親ビューボックスに水平方向に埋める方法はありますか？

この問題はこれに似ています。WPFTextBoxはStackPanelに入力されませんが、この問題はビューボックスではなくスタックパネルにあります。

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 のスケーリングは変更されていません。どちらの場合も、svg プランの 1000 * 500 単位を表示しています。

しかし、どうやら私はどこかで間違っています。ビューボックスをアニメーション化して、ある種のティッカー表示をエミュレートし、y 座標は変更せずに x 座標を変更して (表示される実際の単位数を変更せずに) 実験していますが、それはうまくいきません。どういうわけか私のyスケーリングが変わります。最新のブラウザーでは、自分自身を確認できます(スライダーを引いて viewBox を変更します)。SVG 仕様で何が欠けていましたか?

この例では、緑色の円が切り取られています

参照: http://jsfiddle.net/sCzZT/

各円が独自にラップされていることに注意してくださいsvg

この例 (ネストされた svg なし) では、緑色の円は切り取られていません。

http://jsfiddle.net/jVH9q/ ネストされた svg を使用するときに緑色の円が途切れないようにするにはどうすればよいですか?

単一の画像とポリゴンがオーバーレイされたダイアログを作成しています。問題は、画像の縮尺がポリゴンの縮尺と異なるため、ポリゴンの縮尺に合わせて画像を縮小したいということです。しかし、RenderTransform/ScaleTransform タグを使用すると、画像のサイズが小さくなり、ダイアログの右側と下部に空白が残ります。はい、オーバーレイは適切に機能するようになりましたが、ウィンドウを埋めるために使用可能なスペースを埋めたいと思います。

私のアプリケーションでは、正方形のボタンのグリッドがあります。各ボタンのテキスト コンテンツは実行時に設定されます。ほとんどの場合、テキストの長さは 1 文字ですが、それより長くなる場合もあります。テキスト全体が常に表示されるようにする必要があります。つまり、テキストを引き伸ばして (フォント サイズを変更して)、ボタンの境界内に収まるようにする必要があります。どうすればいいのですか？

Viewbox を使用しようとしましたが、役に立ちません。

私の XAML の簡略化されたバージョン:

必要なものをどのように達成できるかについてのアイデアはありますか (つまり、常に収まる四角いボタン + テキスト)?

ビューボックス内にグラフ (svg) があります。グラフがビューボックスよりも大きい場合は収まるように縮小されますが、グラフがビューボックスよりも小さい場合は、ビューボックスの最大領域を埋めるために均一に引き伸ばされません。

preserveAspectRatio="xMidYMid meet" が私が望むものにならない理由がわかりません。

将来の答えをありがとう

シンプルなドラッグ アンド スクロール svg ( svg ファイル、コード) を作成しました。ここでは、マウスの後に画像の viewBox を移動します。クロムとFirefoxでテストしました。クロムではうまく機能します（マウスポインタで画像をドラッグします）。しかし、Firefoxでは同じマシンでけいれんします。この低パフォーマンスの理由は何ですか? どうすれば克服できますか？