問題タブ [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 投票する
3 に答える
1678 参照

c# - ListView - プログラムでのみインデックスを選択

リストボックス(またはリストビュー)を実装しようとしています:

私の問題は、コードビハインドで選択したインデックスをプロパティにバインドしたいということです。フォームの開始時にのみ機能しますが、ユーザーが選択を変更できないようにする必要があります。Selectin は、プログラムによってのみ変更されます。

すべてのアドバイスや解決策をありがとう:)

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

javascript - svg要素がビューボックス内にあるかどうかを確認しています

ビューボックス「xyw h」を使用して、SVG を HTML ドキュメントにインライン化します。要素がビュー ボックス内にあるかどうかを確認するにはどうすればよいですか?

element と言うと、グループ内のネストされた子パスになる可能性があります...

だから私はSVGの組み込み機能を探していると思います.

ビューボックスコードを保存しようとしましたが、ビューボックス内にあるかどうかを確認したい要素は次のようにしました:

// 今、私はこの要素の最上位の親を持っています。svg doc 内で、viewbox 内の親かどうかを確認します。true の場合は子もチェックし、そうでない場合は false

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

wpf - ビューボックスの子要素をスケーラブルにしない方法

ビューボックス付きのWPFウィンドウがあります。このビューボックスの子要素の1つを、どの画面解像度でも同じサイズのままにしておきたいです。

私のXAML:

ビューボックス内の最初の2つの画像は事前定義されており、さまざまな画面解像度で細かく拡大縮小されます。私の問題は、実行時にソースを取得し、すべての解像度で同じ正確なサイズである必要がある3番目の画像にあります。4x3のアスペクト比で撮影された写真が含まれますので、そのままにしておいてください。

ただし、16x9の画面解像度では、それらは引き伸ばされます。XAMLで固定サイズを設定しようとしましたが、機能しません。StretchをNoneに設定しようとしましたが、どちらも機能しません。私はこの画像のサイズをコードビハインドに残そうとしましたが、無駄になりました。

この3番目の画像をスケーリング不能にするために他に何ができますか?いくつかの理由で、ビューボックス内にとどまる必要があります。

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

svg - ビューボックスの座標をsvg描画の範囲に設定する

動的に作成されたsvgオブジェクトのセットがあります。それらのいくつかには、かなり複雑な変換が適用されています。これは、これらのオブジェクトのXとYの最大値と最小値を計算したいという意味ではありません。ビューボックス(または便利な同様のタグ)に、描画オブジェクトの範囲の計算を行わずに、これらすべてのオブジェクトを表示したいと思います。

手伝ってもらえますか?

ありがとう

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

svg - SVG のパス要素に基づく viewBox パラメーターの計算

パスのみを含む XML または JSON を取得し、SVG イメージを再作成する必要があります。

私は空を作成します

<svg xmlns='http://www.w3.org/2000/svg' version='1.1'></svg>

そこに a を追加し<g transform="scale(1 -1)" fill='#aaa' stroke='black' stroke-width='5' ></g>、この要素にすべてのパスを追加します (例: <path d=... />)。

最後にSVG画像を取得しますが、SVG要素にviewBox属性を設定していないため、画像が正しく表示されません.ブラウザで開くと、その一部がフルサイズで表示されます.

パスの値からviewBoxを計算できますか?

ありがとうございました!

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

wpf - ViewBoxの最大サイズのWPFWrapPanel

私のプログラムでは、ビューボックス内にWrapPanelがあります。WrapPanel(実際にはItemsControlのItemsPanelTemplate)には、すべて異なるサイズのバインドされたアイテムが含まれています。

これらすべての目標は、すべてのアイテムを1つの画面に収まるサイズにすることです。ビューボックスは、すべてが収まるようにコンテンツをズームすることでこれを処理します。WrapPanelの各アイテムはユーザー定義のテキストであるため、すべて異なるサイズにすることができます。私がWrapPanelで達成しようとしているのは、画面に表示されるテキストが可能な限り大きくなることです。アイテムが高すぎる場合にアイテムがより多くの列にラップされるようにWrapPanelMaxHeightを設定することでこれを行ってきましたが、これは一種のハックな方法であり、アイテムのさまざまなグループに対して、MaxHeightは違う。

これが意味する例として、ItemsControlがバインドされているItemsは、単にすべての文字をアルファベットで表示していると想像してください。アイテムを複数の列に強制的に折り返す方法がないと、テキストが非常に小さい1つの非常に高い列になりますが、WrapPanelのMaxHeightを設定すると、このようにアイテムを複数の列に強制でき、テキストは画面上で大きくなる:

私はこれについてすべて間違っていますか?WrapPanelよりも優れたコントロールを使用できますか?欲しいものを手に入れるために、ある種のカスタムパネルを作成する必要がありますか?

あなたが提供できるどんな助けにも感謝します

編集:

ユニフォームグリッドが機能しない理由の例として、これらの5つのアイテムがあるとします(各文字は異なるアイテムを表します)

UniformGridを使用すると、すべてのアイテムがアイテムEのサイズになり、画面上でより多くのスペースを占めることになります。

0 投票する
3 に答える
43144 参照

javascript - JavaScript で SVG ビューボックスを操作する (ライブラリなし)

JavaScript で SVG 要素ビューボックスを変更しようとしています。基本的には二分探索木を描いているのですが、大きくなりすぎるとビューボックスを変更してズームアウトし、木がウィンドウに収まるようにしたいです。私は現在使用しています:

HTML は次のとおりです。

setAttributeNS('null',...) も使用してみましたが、どちらも機能していないようです。私が気付いた奇妙なことの 1 つは、alert(a) すると [object SVGSVGElement] が表示されることです。これは奇妙に思えます。どんな助けでも大歓迎です。

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

canvas - SVG viewBox要素のFabricJSサポート?

fabricJS は SVG viewBox 要素をサポートしているので、キャンバス上にのみレンダリングされますか? そうすれば、画面全体のズームが簡単に実装できます。

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

wpf - Wpf で ScrollView と ViewBox を使用してマウス ポイントにズームする

wpf で画面にいくつかのパスを描画しています。使用されている座標は非常に小さいため、画面いっぱいにビュー ボックスが表示されるように作成されています。現在、パンとズーム機能を実装しようとしています。マウスがUIに対してどこにあるかにズームできるようにしたいと思います(つまり、ズームされた画面の中心はマウス座標と同じです)。現在の結果は、ズーム時の画面の中心が UI 上の正確なマウス位置を反映していないことです。

何が起こっているのかを知りたい場合...これが私の現在のソリューションファイルです

または

いくつかのコードを次に示します。

Xaml を表示

モデルを見る

コード ビハインドを表示

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

wpf - Viewbox が行/列が等間隔のグリッドでレイアウトを壊すのはなぜですか?

簡単に言えば、3 つの同じ高さの行と 2 つのボタンを持つ 1 つのグリッドがあります。最初の行に最初のボタンを配置し、次に 2 番目の行を空にし、最後に 3 番目の行に 2 番目のボタンを配置します。このようにして、相対的なサイズのボタン間の間隔を確保します。絶対マージン値をハードコーディングするのではなく、これが必要です。そのための XAML は次のとおりです。

よく働く!ここで必要な追加機能は、すべてをスケーラブルにすることです。そのため、Viewbox に配置します。

そしていきなりレイアウト崩れ。Viewbox によって提供されるスケーリングを取得しますが、ボタン間に空のスペースがありません。2つの質問:

  1. Viewbox がここで問題を起こしているのはなぜですか?
  2. どうすればこれを回避できますか? 柔軟性が必要なので、グリッド内の任意の数の空の行/列で区切ることができる任意の数のボタンを使用できると想像してください。