問題タブ [viewbox]

ViewBoxes の一部のコントロールに共通する問題は、Viewbox を埋めるために引き伸ばされないことです。そのため、次のコードでそれを修正しようとしました。

最初はうまくいくようです。しかし、Viewbox のActualWidthレポート値は、実際よりもはるかに速く変化します。最初は 74 ですが、1 ピクセル広くするとすぐに 140 近くになり、別のピクセルで約 260 に跳ね上がります。その後、400 を超えてこの値にとどまります。

ここで何が起こっているのか分かりますか？

グラフ（円とエッジの束）divを含む要素があり、要素に属性も設定しています。グラフ内のノードとエッジの座標は、で指定された画面サイズ（したがって指定されたサイズでも）に対してハードコーディングされています。必要なサイズで、グラフは適切に読み込まれ、ブラウザウィンドウのサイズが変更されている間も拡大および縮小されます。svgviewBoxsvgdivpxdiv

ただし、画像が以前に指定されたサイズで同じままであるため、ページが別の画面/divサイズで読み込まれるたびに問題が発生します。これにより、ブラウザや画面のサイズを小さくするには大きすぎる画像が作成されます。svgdiv

svg要素に次のように設定します。

要素viewBoxの直後に、Javascriptを使用してその属性を設定します。div

これは問題を解決しません。では、他に何を試すことができますか？

フルHDLCD画面（42インチ）で表示されるWPFアプリケーションを開発しています。さらに、コントロールを絶対位置に収容する必要があります。開発環境では、1920x1080の長さのウィンドウが表示されません（これは、ターゲット画面の固定解像度です）。

このタスクを実行するためのベストプラクティスは何ですか？

Windows 8コンシューマープレビューでアプリをコーディングしましたが、ビューボックスを認識していなかったため、アプリが特定の解像度に適合しませんでした。次に、アプリをに移植した後、ビューボックスを使用して、利用可能なすべての解像度にアプリを適合させました。 Windows8リリースプレビュー。ビューボックスを使用した後、スナップビューが正しく機能していません。しかし、ビューボックスを使用する前は、スナップは正常に機能していたと確信しています。バグを見つけることができません。ページのxaml：

`

`

私の index.html には、svg ビューボックスがあります。

作成した svg 楕円をアニメーション化して、楕円をクリックすると特定の y ポイントに垂直に移動し、TOP と呼び、もう一度クリックすると BOTTOM と呼ばれる元の位置に戻ります。現在、ある程度機能する次のコードを使用しています。

ただし、問題は、楕円をポイント TOP までドラッグ可能にし、ポイント BOTTOM までドラッグできるようにしたことです。したがって、楕円を TOP と BOTTOM の中間にドラッグしてから楕円をクリックすると、 TOP に達したときに停止するのではなく、TOP の上で垂直にアニメーション化されます (下にアニメーション化するときは BOTTOM も同様です)。これは、transform translate メソッドがどのように機能するかの結果のようです。マウスをクリックした場所 (または、楕円が現在位置している場所) に対して楕円が移動する量を動的に返す関数を作成すれば、これを解決できると思います。問題は、ビューボックスに対する要素の現在の y 位置を取得する方法がわからないことです。むしろ、ページ全体に対する位置しか取得できません。

クリックの位置を取得するために使用している不完全なコードは次のとおりです。

楕円をドラッグ可能にするための作業コードは次のとおりです。

印刷用に固定ページ サイズに合わせて InkCanvas のコンテンツ (ストローク) をスケーリングしようとしています。基本的に、InkCanvas から周囲の空白をすべて切り取り、縦横比を維持しながらページに合わせてストロークを拡大したいと考えています。

マークアップの下のハンドラーで、800x300 から始まるグリッドの寸法を変更し、印刷可能なページのサイズの半分の 425x550 に変更していることがわかります。

マークアップ:

コードビハインド ファイル:

私はRaphaelを使用して地図のようなサイトを構築しています。パンとズームを行うときは、いくつかのオブジェクトを中央に配置する必要があります。そのため、現在のビューボックス（紙ではなく）の視点で中央がどこにあるかを知る必要があります。多くの操作を行った後、どうすれば紙のビューボックスの中心を知ることができますか？

私はJQVMAPを使用して米国の地図を生成しています。プラグインには onRegionClick コールバックがあります。この関数内でクリックされた状態にズームインしようとしています。onClick に返された SVG パスを viewBox 座標に変換する方法については、ある程度のアイデアがありますが、変換に問題があります。これが私がこれまでに持っているものです。

ライブ デモへのリンク。SVG パスを viewBox 座標に変換するにはどうすればよいですか? 私はこれを正しい方法で行っていますか？または、これを行うより良い方法はありますか？私の最終的な目標は、状態 onRegionClick にズームインすることです。

xamlに以下のレイアウトコードがあります

これは 1366*768 の解像度でうまく表示されますが、解像度を 2560*1400 に変更すると期待どおりに表示されません。ViewBox を追加してグリッドをカプセル化しようとしましたが、FullScreenLandScape ビューではうまく機能しますが、アプリをスナップ ビューに変更すると、グリッドが小さなスペースに表示されます。

誰でも助けることができますか？