如何在嵌入到html页面的pdf查看器上叠加图像?

时间:2012-03-22 07:45:54

标签: jquery pdf jquery-selectors

我正在使用http://pdfobject.com/ jquery库将外部pdf文件加载到html页面中。我想要做的是将图像叠加到特定位置,但我很难在嵌入式pdf中获取特定文本的确切位置。

我将使用.mousemove()jquery函数来跟踪div标签内的鼠标位置,但是即使在滚动div之后位置(pageX,pageY)保持不变,我也会使用不那么有效的解决方案。

http://jsfiddle.net/2rZw9/

如何实现这一目标?

我知道这个解决方案在pdfviewer中放大/缩小的情况下是不可行的,是否还有其他替代方案可以尽可能准确地覆盖pdf查看器上的任何对象/元素?

2 个答案:

答案 0 :(得分:1)

您可以使用jQuery scrollTop()获取垂直滚动偏移:

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

另见updated example

答案 1 :(得分:1)

您可以将较高的z-index放在要叠加在iframe上的元素上。对于IE,bgiframe是一个很棒的jquery插件。

更多详情:http://docs.jquery.com/Plugins/bgiframe