問題タブ [loupe]

UIImageビューのiPhoneにUITextFieldのズームルーペ機能を実装する方法を知っている人はいますか？

私が構築しているアプリの一部を使用すると、ユーザーはUIImageに線を引くことができます。これは、ポイントの正確な配置を伴う可能性のあるプロセスです。ユーザーを支援するために、UITextFieldにカーソルを置いたときに見られるズームルーペを提供したいと思います。誰かがこれを行う方法について何か考えがありますか？関連するドキュメントへのポインタはありますか？

乾杯！

this oneのような拡大鏡をprettyPhotoにクローバーしようとしています (JavaScript が優れているため選択)。私が抱えている問題は、かなりの写真が読み込まれたときにルーペ機能を開始することです。これを prettyPhoto JavaScript に含めると、無限ループに陥るか、まったく呼び出されません。関数をインラインで呼び出す閉じるボタンの横にリンクを配置することで、ほぼ機能するようになりました。

ここで唯一の問題は return false が機能しないことですか? ルーペの呼び出しが onclick イベントにない場合でも機能しますか? こうするとルーペ機能は動くのですが、ホームページが読み込まれるので実際に動くかどうかはわかりません。

どうすればこの問題を解決できますか?

すべての助けに感謝します！

アップデート：

わかりました、少し進んでいます。タグではなく、スパンで onclick イベントを使用して関数を呼び出すことができました。ルーペ機能が呼び出されたことを知らせるアラートが表示されるようになりましたが、拡大鏡は実際には表示されません。

どんなアイデアでも大歓迎です。

多くのUIViewサブビューを含むUIScrollView内にUIViewがあります。これらの各サブビューには、CATiledLayerレイヤーがあります。さらに、（すべてのサブビューとともに）コンテキスト内にコンテナーUIViewを描画する拡大ルーペ機能があります。関連するコード：

これは、ルーペのdrawRectメソッドです。

そして、これは、サブビューが描画されるコンテナUIViewのdrawInContext：forRectメソッドです。

そして最後に、これはCATiledLayerを使用したサブビューのdrawRectメソッドです。

これで、すべてが意図したとおりに機能しますが、拡大ループがオンになっていて移動していると、アプリの速度が大幅に低下します。問題は、ルーペビューが移動されるたびに、そのdrawRectメソッドが呼び出され（拡大されたコンテンツを更新できるようにするため）、その後、コンテナUIViewなどのdrawInContextメソッドが呼び出されることです...その結果、すべてのCATiledLayersが画像を更新しますルーペが動かされるたびにタイル。

ご覧のとおり、ルーペのコンテキスト内でコンテナビューの大部分を描画しようとしましたが、これが行き詰まっています。このコンテナビューの大部分を「バッファリング」する方法がわかりません。そのため、ルーペを移動すると、再描画される四角形が「バッファリングされた」四角形を超えた場合にのみ、サブビューが再描画されます。

コードがずさんな/新しい場合は申し訳ありません-私はその真っ只中にいて、助けを探しています。

ありがとう！

どのようにカスタマイズできるかについて、javascript / css忍者の考えをいただければ幸いです。

https://github.com/jdbarlett/loupe/blob/master/jquery.loupe.js

長方形ではなく円形のズーム領域を使用するには? ルーペの CSS クラスを設定するオプションがあります。

これは、上記のリンク先のライブラリに関する質問であることに注意してください。私はすでに他のライブラリを探しています。jsをできるだけ小さくしたい。

写真に2つのアクションを適用したいと思います：1。ホバー時：jQuery loupeを実行して拡大します2.クリック時：prettyPhotoを実行してズームします

問題：これは私がやろうとしていたことです：http：//jsfiddle.net/sherlock85/Udfey/ ご覧のとおり、ルーペは正常に機能しますが、prettyPhotoプラグインは機能しません。ルーペ初期化行をコメントまたは削除すると、次のようになります。$（'。demo'）。loupe（）; prettyPhotoは正常に動作し始めます。両方を正しく機能させる簡単な方法はありますか？

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

私は、ウェブサイトの大きな画像にルーペ ツールを使用したい会社で働いていますが、画像保護も取り入れたいと考えています (いくら作業をしても、誰かが画像を引っ掛けるのを止めることはできないことを認識しています)。

これらを個別に実行する 2 つの非常に優れたオープンソース スクリプトに出会いましたが、一緒に作業したくありません。

画像ルーペスクリプト: http://jdbarlett.com/loupe/

イメージ保護スクリプト: http://davidwalsh.name/image-protector-plugin-for-jquery

ルーペ ツールは、大きな画像を小さな「サムネイル」にリンクし、JavaScript を介して CSS を変更して、正方形の内側に「ズーム」効果を作成することによって機能します。

画像保護ツールは、絶対配置によって画像の上に空白の .gif を重ねることで機能します。

私の質問は、2 つを組み込む方法はありますか? このルーペ ツールを使用して .gif をオーバーレイし、ルーペ ツールとの対話性を維持できるとは思えないため、頭を悩ませています。

どんな助けでも大歓迎です！

私は現在、ルーペプラグインを使用して、画像マップとして設定されている大きな組織の画像を拡大しています。通常、ユーザーがこの画像マップの一部をクリックすると、リダイレクトされますが、残念ながら、画像マップ上のリンクをクリックしたユーザーにループが応答できるようにする方法が見つかりません。アドバイスをいただければ幸いです。

ありがとう！

https://paydirtapp.com/のスライドショーにすっかり驚かされましたが、それがどのように達成されたかについて誰かが手がかりを得ましたか？複雑なhtml5キャンバスのmumbo-jumboだと思いますか？

C#を使ってルーペツールを作っています。これとよく似ています: http://colorsnapper.com 私は、個々のピクセルを表示するのに十分な、画面の事前定義された領域を拡大する方法を Google で検索しました。

より具体的には、マウスを画面上で拡大鏡にして、マウスが置かれている各ピクセルを強調するようにします。その事前定義された領域を拡大する方法を理解する必要があります。

私がこれを行う方法、または利用可能なAPIを知っている人はいますか?

更新 Microsoft が提供している倍率 API を見つけました: http://msdn.microsoft.com/en-us/library/windows/desktop/ms692402(v=vs.85).aspx ただし、この API は C++ です。私が収集したように、C++ は Windows OS が記述されているものであり、この API を使用するには、ある種の C# ラッパーを使用する必要があります。これは質問ではありません。他のユーザーのためにこの投稿に追加したいと思っただけです。

独立して正しく動作する2つのプラグインを使用しています。GallerifficとLoupeは2つのプラグインです。私がやろうとしているのは、ガレリフィックの大きな画像にホバー効果を拡大することです。これがルーペの目的です。画像のクラスを取得するには、Gallerifficプラグインに1行のコードを追加するnewSlide.find('a img').addClass('magnifyPic');必要がありました。これは、拡大効果をアクティブにするためにLoupeが使用する必要があります。以下は、プラグインの2つの呼び出しです。

問題は、大きな画像にカーソルを合わせてもまったく何も起こらないことです。独立して2つのプラグインは正しく機能しますが、一緒に動作したくないようです。私がそれを正しく理解していれば、Gallerifficプラグインはそのオプションでコールバック、関数などを受け取ることができるので、私の質問は次のとおりだと思います：Loupe呼び出しをGallerific呼び出しに統合するにはどうすればよいですか？それとも、ガレリフィックギャラリーの大きな画像だけでルーペを機能させる正しい方法ですか？両方のプラグインのコード行を削除、追加、変更しようとしましたが、それらを連携させることができないようです。