x:
{{data.rectInfo!.x}}
y:
{{data.rectInfo!.y}}
width:
{{data.rectInfo!.width}}
height:
{{data.rectInfo!.height}}
left:
{{data.rectInfo!.left}}
top:
{{data.rectInfo!.top}}
right:
{{data.rectInfo!.right}}
bottom:
{{data.rectInfo!.bottom}}
getBoundingClientRect 方法测试
x: {{syncData.viewRectInfo!.x}}
y: {{syncData.viewRectInfo!.y}}
width: {{syncData.viewRectInfo!.width}}
height: {{syncData.viewRectInfo!.height}}
left: {{syncData.viewRectInfo!.left}}
top: {{syncData.viewRectInfo!.top}}
right: {{syncData.viewRectInfo!.right}}
bottom: {{syncData.viewRectInfo!.bottom}}
x: {{syncData.viewRectInfoFlat!.x}}
y: {{syncData.viewRectInfoFlat!.y}}
width: {{syncData.viewRectInfoFlat!.width}}
height: {{syncData.viewRectInfoFlat!.height}}
left: {{syncData.viewRectInfoFlat!.left}}
top: {{syncData.viewRectInfoFlat!.top}}
right: {{syncData.viewRectInfoFlat!.right}}
bottom: {{syncData.viewRectInfoFlat!.bottom}}
测试文本
测试文本拍平
x: {{syncData.textRectInfo!.x}}
y: {{syncData.textRectInfo!.y}}
width: {{syncData.textRectInfo!.width}}
height: {{syncData.textRectInfo!.height}}
left: {{syncData.textRectInfo!.left}}
top: {{syncData.textRectInfo!.top}}
right: {{syncData.textRectInfo!.right}}
bottom: {{syncData.textRectInfo!.bottom}}
x: {{syncData.textRectInfoFlat!.x}}
y: {{syncData.textRectInfoFlat!.y}}
width: {{syncData.textRectInfoFlat!.width}}
height: {{syncData.textRectInfoFlat!.height}}
left: {{syncData.textRectInfoFlat!.left}}
top: {{syncData.textRectInfoFlat!.top}}
right: {{syncData.textRectInfoFlat!.right}}
bottom: {{syncData.textRectInfoFlat!.bottom}}
x: {{syncData.imageRectInfo!.x}}
y: {{syncData.imageRectInfo!.y}}
width: {{syncData.imageRectInfo!.width}}
height: {{syncData.imageRectInfo!.height}}
left: {{syncData.imageRectInfo!.left}}
top: {{syncData.imageRectInfo!.top}}
right: {{syncData.imageRectInfo!.right}}
bottom: {{syncData.imageRectInfo!.bottom}}
x: {{syncData.imageRectInfoFlat!.x}}
y: {{syncData.imageRectInfoFlat!.y}}
width: {{syncData.imageRectInfoFlat!.width}}
height: {{syncData.imageRectInfoFlat!.height}}
left: {{syncData.imageRectInfoFlat!.left}}
top: {{syncData.imageRectInfoFlat!.top}}
right: {{syncData.imageRectInfoFlat!.right}}
bottom: {{syncData.imageRectInfoFlat!.bottom}}
滚动区域内容1
滚动区域内容2
滚动区域内容2
x:
{{syncData.scrollViewRectInfo!.x}}
y:
{{syncData.scrollViewRectInfo!.y}}
width:
{{syncData.scrollViewRectInfo!.width}}
height:
{{syncData.scrollViewRectInfo!.height}}
left:
{{syncData.scrollViewRectInfo!.left}}
top:
{{syncData.scrollViewRectInfo!.top}}
right:
{{syncData.scrollViewRectInfo!.right}}
bottom:
{{syncData.scrollViewRectInfo!.bottom}}
x:
{{syncData.customComponentRectInfo!.x}}
y:
{{syncData.customComponentRectInfo!.y}}
width:
{{syncData.customComponentRectInfo!.width}}
height:
{{syncData.customComponentRectInfo!.height}}
left:
{{syncData.customComponentRectInfo!.left}}
top:
{{syncData.customComponentRectInfo!.top}}
right:
{{syncData.customComponentRectInfo!.right}}
bottom:
{{syncData.customComponentRectInfo!.bottom}}
两个元素样式尺寸一致，右侧仅增加 box-shadow，用于演示获取到的宽高可能变大。
无阴影 x: {{syncData.shadowBaseRectInfo!.x}}
无阴影 y: {{syncData.shadowBaseRectInfo!.y}}
无阴影 width: {{syncData.shadowBaseRectInfo!.width}}
无阴影 height: {{syncData.shadowBaseRectInfo!.height}}
无阴影 left: {{syncData.shadowBaseRectInfo!.left}}
无阴影 top: {{syncData.shadowBaseRectInfo!.top}}
无阴影 right: {{syncData.shadowBaseRectInfo!.right}}
无阴影 bottom: {{syncData.shadowBaseRectInfo!.bottom}}
阴影 x: {{syncData.shadowBugRectInfo!.x}}
阴影 y: {{syncData.shadowBugRectInfo!.y}}
阴影 width: {{syncData.shadowBugRectInfo!.width}}
阴影 height: {{syncData.shadowBugRectInfo!.height}}
阴影 left: {{syncData.shadowBugRectInfo!.left}}
阴影 top: {{syncData.shadowBugRectInfo!.top}}
阴影 right: {{syncData.shadowBugRectInfo!.right}}
阴影 bottom: {{syncData.shadowBugRectInfo!.bottom}}