htmlページに埋め込まれたpdfviewerの上にイメージをオーバーレイする方法は？

http://pdfobject.com/ jqueryライブラリを使用して、外部のpdfファイルをHTMLページに読み込みます。私がしたいことは、特定の位置にイメージをオーバーレイすることですが、埋め込まれたpdf内の特定のテキストの正確な位置を取得するのには苦労しています。htmlページに埋め込まれたpdfviewerの上にイメージをオーバーレイする方法は？

divタグ内のマウスの位置を追跡する.mousemove（）jquery関数を使用していますが、divをスクロールしても位置（pageX、pageY）は同じままです。これを達成するための方法

？

私がpdfviewer内でズームイン/アウトする場合、この解決策は実行可能ではないことは知っていますが、pdfビューア上にできるだけ正確にオブジェクト/要素をオーバーレイすることができますか？

$('#coord').html(e.pageX + ' ' + ($(this).scrollTop() + e.pageY));

はまた updated exampleを参照してください。

2012-03-22 codef0rmer

あなたはjQuery scrollTop()オフセット垂直スクロールを得ることができます。

2012-03-22 08:01:30 scessor

すごく完璧です。これをどのように実装できるか考えていますか？ '.box' divの中にpdfファイルをレンダリングしたり、ズームイン/ズームアウトモードでPDFファイルをレンダリングするとどうなりますか？ – codef0rmer

iframeにオーバーレイしたい要素に、より高いz-インデックスを付けることができます。 IEの場合、bgiframeは素晴らしいjqueryプラグインです。

詳細：

2012-04-01 13:40:20

答えて