Detect Svg-Element außerhalb des Browser-Fensters

-1

Ich schreibe eine Mind Map mit d3.js. Wenn ein Knoten viele untergeordnete Elemente enthält, sind einige davon im Browserfenster nicht sichtbar. Ich unterstütze die Navigation durch Knoten mit den Pfeiltasten auf/ab/links/rechts.Detect Svg-Element außerhalb des Browser-Fensters

Das Problem ist: Wenn ich zu Knoten navigiere, die nicht sichtbar sind (außerhalb des Browserfensters), scrollt der Browser nicht automatisch, um diesen Knoten anzuzeigen. Wie kann ich im Fenster blättern, um den entsprechenden Knoten anzuzeigen? Ich bin auf der Suche nach Browser-unabhängige Methode

Quelle

2017-08-16 Domnyk

Welchen Code verwenden Sie gerade, um zu den Elementen zu scrollen? [mcve] (https://stackoverflow.com/help/mcve) –

Keine. Ich habe über einige Lösungen gelesen, aber alle haben bemerkt, dass sie nicht unabhängig vom Browser sind. – Domnyk

Erforsche das 'viewBox' Attribut. Er teilt dem Browser mit, welcher Teil des SVG im SVG-Ansichtsport angezeigt werden soll. –

Sorry für lange Zeit ohne Antwort. Ich endete mit getBoundingClientRect(). Für jeden Knoten nenne ich diese Funktion, und wenn:

oben < 0 oder
links < 0 oder
Boden> window.innerHeight
rechts> window.innerWidth

I Rufen Sie translate auf meinem Wurzelknoten auf, der Baum bewegt.

Quelle

2017-08-22 07:59:43 Domnyk

Detect Svg-Element außerhalb des Browser-Fensters

Antwort

Verwandte Themen