問題タブ [zooming]
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.
html - フルページズームを備えたブラウザで、この機能を使用してiframeのズームを設定できますか?
最近では、すべてのブラウザにユーザーが制御する全ページズームがあると思います。とにかく、html、css、またはjavascriptのいずれかを介して、開発者がアクセスできますか?
iframe、または通常のフレームを提供し、たとえば50%ズームに設定したいと思います。(理想的には、含まれているドキュメントの現在のズームと比較して。)
それはまったく実行可能ですか?既存の機能実装があれば、HTML5ソリューションでもかまいません。ナイトリービルドであっても。
少なくともWebKitとGeckoで動作し、Tridentでも動作する場合は、非常に嬉しいです。
wpf - WPF。大きなキャンバスの一部だけを表示するには?
1000x1000 の大きさに定義されたキャンバスがあるとしましょう。ビューボックス (または長方形) に 100x100 の部分のみを表示することは可能ですか?
どんな助けでも感謝します.....
jquery - MagicZoom と JQuery ダイアログ
MagicZoom と MagicThumb を JQuery ダイアログ内で動作させようとしています。画像にマウスオーバーしても何も起こらず、同じ画像をクリックすると画像自体に移動します。そのため、魔法のズーム JavaScript が呼び出されていないようです。次のコードは他の場所でも機能します。
ここにコードがあります
誰かがこれを試して成功したかどうか教えてください。ありがとう、ナターシャ
css - Opera モバイルでズーム アイコンを削除するにはどうすればよいですか
Opera Mobile の Web ページをデザインしています。左右隅に小さなズーム アイコンがあります。www.opera.com にアクセスすると、このアイコンが非表示になり、ズーム レベルが固定されます。他の Web ページの場合は表示され、ページをズームインおよびズームアウトできます。私のページでも同じ固定ズーム動作が必要です。おそらくいくつかのcssプロパティです。どのプロパティをどのオブジェクトに設定する必要があるか知っていますか? それとも、これを達成する別の方法があると思いますか。
ありがとうございました。
c# - WPF ViewBox ズーム
1 つのコントロールを除いて、ビューボックスのコンテンツをズームする方法はありますか? グリッド付きのビューボックスがあり、このグリッドにはいくつかのコントロールがあり、ビューボックス内の 1 つを除くすべてのコントロールをズームしようとしていますが、可能ですか?
どうもありがとう、パウロ
wpf - WPF / Silverlightアプリケーションの一部のDPIを変更するにはどうすればよいですか?
XAML要素を25%、50%、100%、200%などで表示できるズーム可能な要素をアプリケーションに持たせたいのですが、XAMLのDPIを変更する必要がありますが、これを行う方法がわかりません。 XAMLの一部(つまり、ズームする要素)。コントロールを拡大して詳細を表示できる場合は、VisualStudioのデザイナービューと同じように機能します。
これを行う他の方法がある場合は問題ありませんが、キャンバスを拡大して要素を同じサイズに保つだけでなく、ズームインとズームアウトを行う必要があります。
apache-flex - Flex Airアプリケーションをフルスクリーンに合わせる方法は?
1280x800用に設計されたFlexのAirアプリケーションがあり、1920x1200モニターでフルスクリーンで動作するようにストレッチしたいと思います。
私はこの記事を読みました:http://blogs.adobe.com/aharui/2008/01/flex_and_scalemodes.html試してみましたが、左上隅をズームするだけです(記事に記載されているように)。
私は、すべての異なるレイアウト要素を含むビュー(MasterViewと呼ばれる)を保持するWindowedApplication(以下に表示)を使用しています。
助言がありますか?
私のアプリケーション(簡単に言えば)は次のようになります:
ありがとう、Gab
wpf - WPF - ドラッグ可能/ズーム可能な子を持つパネルを最適に実装する方法は?
Graph# ライブラリのデフォルトのグラフ ビューアを変更しようとしています。これは、そのユーザー インターフェイスがひどいためです (ノードを境界の外にドラッグしてみてください!)
基本的なセットアップは次のとおりです。Vertex および Edge コントロール タイプの子を持つ GraphCanvas コントロール (Panel から継承) があります。私が達成したいことは次のとおりです。
- コンテンツが画面に収まらない場合、GraphCanvas にはスクロール バーがあります。
- GraphCanvas は、「ドラッグ」してスクロールすることもできます (空のスペースをクリックしてドラッグするだけです)。
- GraphCanvas は (CTRL+マウス ホイールを使用して) ズームインおよびズームアウトできます。
- 頂点はドラッグできます。頂点が GraphCanvas の現在の境界の外にドラッグされると、境界が増加します。スクロール バーはこれを反映する必要がありますが、頂点がドラッグされている間は現在のビューポートがスクロールして離れないようにする必要があります。頂点をドラッグすると GraphCanvas の境界が縮小する場合も同様です。ドラッグ操作が終了するまで同じサイズを維持し、その後でサイズを変更する必要があります。ドラッグ操作中にビューポートを自動的にスクロールすると、非常に混乱し、ドラッグ エラーが発生しやすくなります。私の言いたいことを知りたい場合は、元の実装を参照してください。
私は .NET についてかなりの経験がありますが、WPF についてはまだ完全な初心者です。私の現在の試みは (レイアウトの測定/配置フェーズで) 各頂点に必要な XY 座標を (負の場合でも) 与え、GraphCanvas でマウス イベントを処理し、RenderTransform プロパティを変更することでズーム/スクロールを実装することです。ドラッグすると、特定の頂点の XY 座標が変更されるだけです (おそらく、全体の再レイアウトがトリガーされますが、これも避けたほうがよいでしょう)。スクロールバーは、GraphCanvas を ScrollViewer 内に配置し、GraphCanvas に IScrollInfo を実装することによって実装されます。
残念ながら、問題があるようです: ポイントに背景がある場合にのみ、GraphCanvas 自体でマウス イベントを取得できます。とにかく白い背景が欲しいのですが、GraphCanvas の負の座標では背景が描画されないため、マウスイベントに応答しません。
また、すべての子コントロール (頂点とエッジ) が負の座標になることを許可することで、正しいことを行っているかどうかも疑問に思っています。これをどのように実装しますか?
追加:バックグラウンドの問題を明確にするために、次のスクリーンショットを確認してください: (ソース: valts.21.lv )
ここに表示されているのは、WPF ホスト コントロールを含む単純な Windows フォーム フォームです。それには ScrollViewer があり、ScrollViewer には GraphCanvas があります。GraphCanvas には 4 つの頂点と 6 つのエッジが含まれています。
GraphCanvas は、ScrollViewer を満たすために引き伸ばされます。ただし、一部の頂点は負の座標にあるため、RenderTransform が適用されており、すべてを単純に右にシフトします (TranslateTransform)。また、白い背景ブラシもあります。
左側の灰色の領域に注意してください。それはまだ GraphCanvas の一部ですが、背景ブラシはどういうわけかそこに拡張されていません。また、マウスで (ノードではなく灰色の領域で) 左クリックしても、イベントは発生しません。白い領域を左クリックすると、すべてのイベントが正常に取得されます。
javascript - コントロールの配置によるズームイン/ズームアウト
JavaScript の zoomin プロパティを使用して、ページの背景画像とそのすべてのコントロール (つまり、テキスト ボックス) をズームしています。しかし、ズーム中にコントロールの位置が乱れました。誰でもこの問題を解決するのを手伝ってくれる
jquery - 置換可能なイメージで jQZoom を呼び出す
jQZoom を使用して注目の製品画像を拡大する e コマース製品ページを作成しています。ただし、代替の製品写真のサムネイルをクリックして、大きな注目の画像を置き換えるだけでなく、新しく置き換えられた注目の画像で jQZoom() 関数を再インスタンス化する機能が欲しいです。
これはすべて正常に動作します
問題はこれです。ページ読み込み時に jQZoom() が適用された元の注目の画像は、依然として「生きたアーティファクト」のままであり、置き換えられた注目の画像を hover() すると、ズーム効果が置き換えられた画像と元の画像に適用されます。 .
////////////////////////
商品ページ
//////////////////////
///////////////////////////////////////////
私の交換機能