問題タブ [magnification]

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 投票する
1 に答える
2591 参照

d3.js - D3チャートの拡大四角効果を実現するには?

このjsfiddleを見てください。ホバー時の拡大は、テキストと画像ではうまく機能しますが、グラフでも同じ効果を得たいと考えています。

ここに画像の説明を入力

可能であれば、このソリューションをD3SVG ベースのチャートに適用できるようにしたいと考えています。

この例では、jquery プラグイン AnythingZoomer を使用しています。これは良い出発点として私には見えましたが、それに固執する必要はありません。必要に応じて他のものを使用できます。

D3 fisheye plugingを認識しています。これは関連していますが、私が望むものではありません。

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

python-2.7 - Matplotlib Zoom 後の Figure のサイズと位置

wxPython パネル内に matplotlib 画像プロットがあり、ネイティブの matplotlib ツールバー ズームを使用してズームインします。

拡大した後、倍率を計算できるように、結果の画像のサイズを知りたいです。

さらに、後で再プロットできるように、元の画像に対するズームイン画像の位置/寸法を知りたいです。

これにアプローチする方法がわかりません。canvasドキュメントを調べましfigureたが、必要なデータを特定するのに役立つものは見つかりませんでした。助けてくれてありがとう。

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

html - HTML/CSS を使用したマウス ホバーによる画像上の拡大効果

htmlとcssだけでこの効果を達成することは可能ですか? 例の画像では、マウスがホバリングしている (より高い解像度のソース画像からの) 拡大された丸みを帯びた領域を見ることができます。丸みを帯びた領域や境界線があるわけではありません。

HTML/CSS を使用したマウス ホバーによる画像上の望ましい拡大効果の例

このサイトの例では、良い例を見ることができます (ただし、jquery を使用しており、このコードを Web ページのどこに配置すればよいかわかりません)。

ここで誰かがこれをコーディングする方法の手がかりを教えてもらえますか? (それが可能だった場合)。どうもありがとう!

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

javascript - Android:クリックでシステム拡大鏡を起動する方法

jQuery mabyまたはAndroidアプリを介してhtmlページ内に拡大鏡を実装する方法はありますか? 1枚の写真に最適ですか?

私のアプリでは、アセットから html ファイルを webview に表示します。html ページは jQuery と css ファイルを使用します。

その html ページに写真を表示しますが、一部の写真には非常に多くの詳細が含まれているため、拡大またはズームする必要があります。

単一の写真のズームのみを有効にしたいので、webview でズームを有効にする可能性は良くありません。ページ全体をズームすると、テキストが上下にスクロールされます。

私はいくつかの拡大 JavaScript を試しましたが、そのうちの 1 つが自分のコンピューターでも動作しましたが、拡大レンズやガラス、またはそれが電話で指で呼ばれるものを動かすことができませんでした。

実行可能な解決策がなく、この問題で 1 日を無駄にしてしまったので、誰か助けてくれませんか? 前もって感謝します!

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

android - タッチ位置に基づく拡大率

Android でタッチ位置に基づいて倍率を作成する際に問題が発生しています。私が望む結果は、古い mac book アプリケーションのバーの拡大に似ています。マウスが置かれているアイコンが最大に拡大され、それを囲むアイコンが元のサイズにゆっくりと縮小されます。

ユーザーがアイコン バーの中央にあるアイコンに触れた場合のイメージを含めました。

ここに画像の説明を入力

現在、ある程度機能するコードがあります。cos 方程式を使用して倍率を作成していますが、黄色のアイコンの近くに触れると、最後の緑色のアイコンが拡大されます。また、傾斜の影響が適切に出ていません。サンプルタッチとコードを含む写真を添付し​​ました。ご協力いただきありがとうございます。 ここに画像の説明を入力

スケーリングを実行する Java クラス

xml レイアウト

0 投票する
0 に答える
77 参照

wpf - ウィンドウの配置とアクセスのしやすさ

WPF で実際にモーダル ポップアップを実装しようとしています。

透明なウィンドウと ShowDialog() でこれを行いました。ウィンドウは、マトリックス内の数百のコントロールのいずれかによってトリガーできます (以下の例では dm)。dm[r,c].tb は実際には TextBox コントロールです。

次のコードは、このトリックを問題なく実行する必要があります。

実際、ウィンドウはコントロールの右側と下に表示されていましたが、コントロールが下にあるほど、またはメイン ウィンドウの右側に表示されていました。

実際には正確に 1.5 倍オフセットされていることに気付くのにしばらく時間がかかりました。その理由は、重度の視覚障害者が、アクセスのしやすさの設定を使用して 150% の倍率でマシンを実行したためです。

私のマシンでは、これを考慮してコードを簡単に修正できます。

これにより、私のマシンでは正しい結果が得られますが、アクセスしやすい倍率を取得して、人々が使用している倍率に関係なく機能させるにはどうすればよいですか?

0 投票する
0 に答える
74 参照

c++ - 拡大されたデスクトップをプログラムでレンダリングする

バックグラウンド

現在のデスクトップをプログラムで拡大する必要があるデスクトップ コンピューター用のアプリケーションを開発しています。拡大された領域のみを表示する必要があります。

使用している言語は C++ で、現在 Ubuntu を実行していますが、将来的には他のプラットフォームでも動作する予定です。

現在のアプローチ

現在のアプローチでは、レンダリング ウィンドウ (RW) が使用されます。レンダリングの反復ごとに、最初に最小化され、XGetImage (X11) を介してデスクトップ イメージ (スクリーンショット) が取得されます。

次に、ズーム領域を提供するために画像が処理され、RW が最大化されてレンダリングされます。

このアプローチは、ズーム処理がなくても、最小化および最大化プロセスのために時間がかかり、リアルタイムで実行できません。

質問

現在のデスクトップのリアルタイム拡大バージョンをどのようにレンダリングできますか?

ズーム ライブラリを提案できますが、それらは効率的である必要があります。つまり、多くの処理を消費せず、コードを介してズーム領域を完全に制御できる必要があります。つまり、マウス/キーボードを必要としません。

特記事項

このアプリの主な焦点は Linux との互換性であるため、Windows に関する回答 (Magnification-API のハウツーなど) は歓迎されますが、正解としては受け入れられません。

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

macos - OSX Yosemite Dock の拡大が無効

最新の MacMini モデルで最新の Yosemite 10.10.4 を実行しています。どういうわけか拡大は有効になっていますが、チェックボックスは編集できないため、オフにしたりサイズを変更したりすることはできません。私は何年も Mac ユーザーですが、これを見たことがありません。変更方法は?PRAM のリセット、修復されたアクセス許可も実行しました。私がウェブで見つけたものは何も機能していません。

スクリーンショットについては、このリンクを参照してください