js獲取元素坐標(biāo)位置 SVG中如何獲取元素的坐標(biāo)?
SVG中如何獲取元素的坐標(biāo)?使用D3從相對(duì)SVG位置畫(huà)一條線(xiàn),因此您需要訪(fǎng)問(wèn)元素本身的坐標(biāo)。試試這個(gè)方法(這里“this”指的是元素)。屬性(“x1”,這個(gè)。十) 是的。屬性(“Y1”,這個(gè)。Y) 但
SVG中如何獲取元素的坐標(biāo)?
使用D3從相對(duì)SVG位置畫(huà)一條線(xiàn),因此您需要訪(fǎng)問(wèn)元素本身的坐標(biāo)。試試這個(gè)方法(這里“this”指的是元素)。屬性(“x1”,這個(gè)。十) 是的。屬性(“Y1”,這個(gè)。Y)
但是X1和Y1在默認(rèn)情況下僅為零。獲取SVG元素坐標(biāo)的正確方法是什么?
要在可折疊樹(shù)上執(zhí)行此操作,請(qǐng)用鼠標(biāo)懸停在圓節(jié)點(diǎn)上時(shí)在樹(shù)上畫(huà)一條線(xiàn)。這條線(xiàn)的起點(diǎn)應(yīng)該是您單擊的圓,終點(diǎn)應(yīng)該是SVG平面上的一個(gè)固定點(diǎn)。
html中的svg可以用來(lái)干什么?
SVG,即可縮放矢量圖形,是用于繪制矢量圖形的HTML5標(biāo)記。您只需要定義XML屬性就可以獲得一致的圖像元素。在使用SVG之前向HTML主體添加標(biāo)記。與其他HTML標(biāo)記一樣,可以向SVG標(biāo)記添加ID屬性。你也可以添加CSS樣式,比如“border”——樣式:實(shí)心邊框?qū)挾龋?px“.Svg標(biāo)記與其他HTML標(biāo)記具有相同的屬性。您可以使用height=“100px”width=“200px”添加高度和寬度。現(xiàn)在將SVG元素添加到我們的HTML代碼中。SVG提供了許多圖形形狀,如直線(xiàn)、圓、多邊形等。SVG line:SVG line由label定義,在label中可以定義其他屬性。標(biāo)記包括諸如開(kāi)始坐標(biāo)(x1,Y1)和結(jié)束坐標(biāo)(X2,Y2)之類(lèi)的屬性。指定x1、Y1、X2、Y2值以設(shè)置起點(diǎn)和終點(diǎn)坐標(biāo)。指定坐標(biāo)后,可以為它們添加一些樣式,并在“樣式”屬性中使用它們筆劃:綠色“指定線(xiàn)條的顏色。你也可以使用筆劃-寬度:2套線(xiàn)條的寬度。