首頁(yè) 猿問(wèn) Web可視化視圖圈選思路？

Web可視化視圖圈選思路？

JavaScript

小唯快跑啊 2019-02-19 21:19:18

最近要做可視化的工具（埋點(diǎn)），第一步需要實(shí)現(xiàn)類似代碼審查（Firefox里的查看器，chrome里的element）的效果，即通過(guò)挪動(dòng)鼠標(biāo)懸浮在要選擇的元素上時(shí)，獲取該元素的信息。但是網(wǎng)上有關(guān)這方面的信息實(shí)在是太少了，希望得到一些提示！

查看完整描述

2 回答

烙印99

TA貢獻(xiàn)1829條經(jīng)驗(yàn) 獲得超13個(gè)贊

我想用的就是游戲的碰撞檢測(cè)原理。在瀏覽器之上的抽象層，我們是看不到像素和坐標(biāo)的，那么如果是頁(yè)面的一個(gè)元素，例如按鈕，鼠標(biāo)移動(dòng)上去時(shí)怎么確定是不是在這個(gè)按鈕上呢？必然在底層有坐標(biāo)檢測(cè)的。這個(gè)可能就設(shè)計(jì)到底層的東西了。瀏覽器的window對(duì)象有方法可以顯示鼠標(biāo)的像素，這是怎么做到的呢？我覺(jué)得這個(gè)是突破口。查看器可能用到是另一個(gè)對(duì)象

反對(duì) 回復(fù) 2019-02-27