`

TextRectangle对象

IE 
阅读更多

 

指定包含元素或 TextRange 对象中一行文本的矩形

 

var rect = el.getBoundingClientRect();

 

获取元素的绝对位置:

var left = rect.left

var top = rect.top

var right = rect.right

var bottom = rect.bottom

var width = rect.width,//IE中无法获取

var height = rect.height;//IE中无法获取 

 

 

function getPos(obj) {
	return {
		top : document.documentElement.scrollTop + obj.getBoundingClientRect().top,
		left : document.documentElement.scrollLeft + obj.getBoundingClientRect().left
	};
}
 




 

 
  • 大小: 17.1 KB
  • 大小: 14.5 KB
  • 大小: 21.3 KB
分享到:
评论

相关推荐

    js getBoundingClientRect() 来获取页面元素的位置.docx

    js getBoundingClientRect() 方法的语法为:element.getBoundingClientRect(),返回一个 TextRectangle 对象,该对象有四个整数属性(top、left、right 和 bottom),这些属性表示元素在客户端窗口中的坐标值,以...

    JavaScript Table行定位效果

    还要注意的是id属性也会被克隆,也就是克隆后会有两个相同id的元素(如果克隆对象有设置的话),这很容易会导致其他问题,程序会把克隆table的id属性设空。 ps:table请用class来绑定样式,用id的话新table就获取不...

    js 获取图像缩放后的实际宽高,位置等信息

    getClientRects()方法则返回一个包含元素内所有文本行的矩形区域集合,每个矩形由一个TextRectangle对象表示,这些对象包括left、top、right、bottom和width、height等属性。与getBoundingClientRect()不同的是,...

    javascript getBoundingClientRect() 来获取页面元素的位置的代码[修正版]第1/2页

    而`getBoundingClientRect()` 的出现解决了这个问题,它返回一个TextRectangle对象,包含四个属性:`top`、`left`、`right`和`bottom`,分别表示元素的上边界、左边界、右边界和下边界距离视口的距离,单位为像素。...

    dotnet OpenXML SDK 形状的 rect Shape Text Rectangle 属性对文本框的坐标影响.rar

    另一个重要的属性是`TextRectangle`,它与`Shape`对象内的`TextBody`部分相关,定义了文本框的边界。`TextRectangle`属性同样定义了一个矩形,但它特指文本区域,而不是整个形状。这意味着,即使形状的`rect`属性...

    Homework2.zip

    - `TextPerson.java`、`TextCircle.java`、`TextTrian.java`、`TextRectangle.java`:这些类的命名可能意味着它们是与文本处理相关的,可能用于将图形或人物对象的信息输出到文本文件,或者是用于读取文本文件中的...

    js getBoundingClientRect() 来获取页面元素的位置

    这个方法返回一个`TextRectangle`对象,包含了四个整数属性:`top`、`left`、`right`和`bottom`,它们分别表示元素相对于浏览器视口上边缘、左边缘、右边缘和下边缘的距离,单位为像素。 在早期的Internet Explorer...

    Aspose.Slides.rar

    var shape = slide.Shapes.AddAutoFitTextShape(Aspose.Slides.ShapeType.TextRectangle, 100, 100, 500, 100); shape.TextFrame.Text = "Hello, World!"; ``` 5. **图像和形状**:你可以插入图片、图表、形状...

    Sortable前端框架

    // TextRectangle {left, top, right и bottom} evt.related; // HTMLElement on which have guided evt.relatedRect; // TextRectangle originalEvent.clientY; // mouse position // return false; — for ...

Global site tag (gtag.js) - Google Analytics