pdf.js获取点击坐标

JavaScript028

pdf.js获取点击坐标,第1张

pdf.js可以获取点击坐标。

1、需要用鼠标点击pdf的位置,在所点击的位置那,插入一个图片。

2、后台用的是itextpdf,插入图片功能已经做好,鼠标点击pdf文档的位置即可获取坐标。

js获取DIV的位置坐标的方法大概有两种:

第一种:编辑代码:var odiv=document.getElementById('divid')

alert(odiv.getBoundingClientRect().left)

alert(odiv.getBoundingClientRect().top)

第二种:编辑代码function CPos(x, y) {this.x = x this.y = y} /*** 得到对象的相对浏览器的坐标*/ function GetObjPos(ATarget {var target = ATargetvar pos = new CPos(target.offsetLeft, target.offsetTop)var target =target.offsetParentwhile (target  pos.x += target.offsetLeft  pos.y += target.offsetTop target = target.offsetParent }return pos }var obj =  document.getElementById('divid') alert(GetObjPos(obj)['x'])//x坐标alert(GetObjPos(obj)['y'])//y坐标

SPAN 和 DIV 的区别在于,DIV(division)是一个块级元素,可以包含段落、标题、表格,乃至诸如章节、摘要和备注等。而SPAN 是行内元素,SPAN 的前后是不会换行的,它没有结构的意义,纯粹是应用样式,当其他行内元素都不合适时,可以使用SPAN

应该把图片放在一个div里,然后获取这个div的坐标值就可以了,

放到div里,给它个id

<div id=kk>

图片

</div>

js代码中加入

var ks

ks=kk.innerhtml

之后过虑这个字符串