элементы стека редактора svg-диаграмм d3js - PullRequest
Новая
       14

элементы стека редактора svg-диаграмм d3js

0 голосов
/ 08 мая 2018

В настоящее время я занимаюсь разработкой редактора диаграмм в SVG. (Как в папирусе только с javascript).

Пока что я могу создавать узлы, изменять их размер и перетаскивать их.

Но теперь у меня проблема (Ребенок вне родителя):

Child is outside the parent

Итак, чтобы объяснить эту картину. Если я нажму на фон (красный), родитель будет появляться (зеленый). Теперь, если я щелкаю по родительскому элементу, появляется ребенок (желтый), но он не должен отображаться за пределами родительского элемента. Может быть, я хочу добавить туда полосы прокрутки, чтобы прокрутить внутри родительского элемента, чтобы увидеть полный дочерний элемент, но, во-первых, он не должен отображаться за пределами родительского элемента.

Моя структура SVG выглядит следующим образом: 

<div id="diagram_container">   
     <svg width="5000" height="5000">
        <g ("rootg")>
            <g ("innerg")>
                <rect id="parent" x="100" y="100" width="200" height="200"></rect>
                <rect id="child" x="150" y="150" width="100" height="100"></rect>
            </g>
        </g>
    </svg>

Возможно, у меня уже есть проблема в структуре или это просто отсутствующее свойство.

Может кто-нибудь сказать мне правильный способ сделать это?

...