問題タブ [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 - ビューボックスを垂直方向に拡大縮小し、水平方向に拡大する

高さだけを拡大縮小し、コンテンツを水平方向に拡大するビューボックス(または同様のもの)を作成したいと思います。

私がこれを行う場合:

それから私はこれを手に入れます:


(出典:excastle.com

両方のボタンにHorizo​​ntalAlignment="Center"があるかのように機能し、結果をスケーリングします。しかし、Horizo​​ntalAlignment="Center"は必要ありません。次のように、Horizo​​ntalAlignment="Stretch"が必要です。


(出典:excastle.com

そのため、コンテンツの目的の高さを読み取り、高さのみに基づいてスケーリング係数を計算してから、スケーリングされたコンテンツを水平方向に拡大できるようにします。

ビューボックスやサードパーティのパネルを使用してこれを実現する方法はありますか?

0 投票する
1 に答える
857 参照

iframe - ズームインモードのSVG画像はスクロールバーを表示しません

全て、

ビューボックスを使用してズームインしているiframeにSVG画像があります。ただし、画像がビューボックスに対して大きくなりすぎると、ブラウザにスクロールバーが表示されません。ブラウザ(Firefox3.5およびChrome7.0でテスト済み)は自動的にスクロールバーを表示すると思いましたが、そうではないようです。私の知る限り、SVG画像全体をズームインモードで表示する方法はありません。

スクロールバー機能をiframeに追加して、SVG画像をどのように大きくしても、スクロールバーを表示して画像をナビゲートおよび表示できるようにする方法を知っている人はいますか?

どうもありがとう、

0 投票する
1 に答える
924 参照

silverlight - ビューボックスのサイズ変更、Silverlightで描画されないアイテム

現在、Silverlightでレイアウトアプリを設計しており、Canvas内部にがありViewboxます。キャンバスに図形を追加すると、それらが正しく表示されます。ビューボックスのサイズを変更して高さと幅の2倍にズームインしても、すべてが正しく描画されます。

4問題は、1倍以上または0.5(ズームアウト)でズームしようとすると発生します。

更新:水平線はまだそこにあり、描画されていません。他の形と消える形の間の相互作用はまだ存在しています

これを行うと、水平線は再描画されませんが、他の形状、他の垂直線は引き続き正常に再描画されます。オブジェクトはまだキャンバスの子であり、それらの可視性はすべて表示に設定されています。

何が起こっている?


非常に単純なXAMLを更新します。

図形を追加する方法は次のとおりです。

ズームインするには:

0 投票する
5 に答える
8162 参照

svg - Raphael で SVG のサイズを変更する際の問題

ラファエルを使用して、このヨーロッパの svgを描画しようとしています。svg の各パスについて、私はそれを解析して実行しました: r.path([countrypath]). これは機能しますが、問題はそれが巨大であることです。たとえば、一部のパスM 11689.234, 6005.2561...は 500x500 のキャンバスに収まりそうにありません。これのサイズを変更するにはどうすればよいですか? Raphael のスケール/変換が機能していないようです。または、使用方法がわかりません。SVG に各パスがあることに気付きましたがtransform="translate(5.875e-4,7.538462e-5)"、どうにかして viewBox を変更する必要がありますか? または、ラファエルに触れる前に、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ビューボックスのスケーリング係数を適用する方法

WPF(Silverlight)を使用する場合ViewboxStretch="UniformToFill"またはStretch="Uniform"コンテンツのネイティブアスペクト比を保持する場合、コンテンツに適用されている現在のスケーリング係数をどのように知ることができますか?

注:コンテンツの正確な初期サイズが常にわかっているわけではありません(たとえば、多くのものが含まれているグリッドです)。

0 投票する
1 に答える
424 参照

silverlight - Silverlight でのスケーリング後のシェイプ間のギャップ

400 x 400 のキャンバスを作成します。その中に 200 x 400 の青い長方形を入れます。Canvas.Left = 200 で、同じサイズの別の青い四角形を配置します。これを Viewbox にラップし、ビュー ボックスをスケーリングします。特定の解像度では、長方形が平らであるはずなのに、長方形の間に白い柱が表示されることがあります。

どうすればこれを回避できますか? 私がこれまでに見つけた唯一の方法は、199 のように、キャンバスを右の長方形の左に 200 よりわずかに小さく設定することですが、それでも特定の縮尺でアーティファクトが表示されます。

0 投票する
2 に答える
966 参照

wpf - wpfカスタムパネル

私は、すべての子を取得してViewBox内にラップし、特定の均一なサイズに縮小できるようにするパネルを作成することを検討しています。

これが可能かどうかはわかりませんが、お願いしたいと思いました。これが可能かどうかわからない理由は、Panelにxamlが関連付けられていないためです。彼らは子供たちをコードで測定して配置します。任意のヒント?


十分に明確ではなかった後、私はより具体的になると思います:

子供たちをアレンジして測定したいので、パネルが欲しいです。

  1. メジャーは、すべての子要素の平均の高さ/幅を見つけます。
  2. アレンジはそれらをグリッドのようなパターンに配置し、平均的な高さ/幅にスケーリングします。私はそれらをクリップバウンドにしたくありません、私はそれらを適切にスケールアップまたはスケールダウンしたいです。

私はすでに平均の高さ/幅を見つけるために測定オーバ​​ーライド機能を動作させていますが、アレンジオーバーライドでそれらをスケーリングする方法を理解できません。

0 投票する
1 に答える
1172 参照

wpf - ビューボックス内に長方形のキャンバスの半分を表示する方法

幅 1400 ピクセル、高さ 750 ピクセルの Canvas 要素があります。この Canvas には 2 つの Path 要素が含まれています。これらは対称で、垂直軸に沿って並んで配置されています。

ユーザーはキャンバスを所有する ContentControl のサイズを変更できるため、このキャンバスは ViewBox 内にあり、キャンバスをスケーリングする必要があります。

今のところ、ViewBox に両方のパスが表示されています。

私がやりたいことは、キャンバスの左半分のみをViewBoxに表示し(この半分は正しくサイズ変更されています)、キャンバスの右半分をキャンバスの翻訳で表示できるようにすることです。ストーリーボードとプロパティ トリガー。

アニメーション部分はなんとかなると思いますが、今表示に苦戦中です。

私が望むものを得るには、XAML をどのように記述しますか?

前もって感謝します

マイケル