vue zoom引发的tooltip错位eltable show-overflow-tooltip导致的错位问题

原创于 2025-04-17 14:57:19 发布 · 344 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#vue.js #前端 #javascript

HTMLElement.prototype.getBoundingClientRectBak = HTMLElement.prototype.getBoundingClientRect;
HTMLElement.prototype.getBoundingClientRect = function (){
const rect = HTMLElement.prototype.getBoundingClientRectBak.call(this)
if (this === document.documentElement){
return rect
}
var zoom = document.documentElement.clientWidth/2048 || window.getComputedStyle(document.body).zoom   //设置的zoom
var scrollTop = rect.top;
var scrollLeft = rect.left;
var offsetScrollTop=scrollTop -(scrollTop /zoom);
var offsetScrollLeft = scrollLeft -(scrollLeft / zoom);
return new DOMRect(rect.x - offsetScrollLeft, rect.y - offsetScrollTop, rect.width,rect.height);
}