Телеграмм чат группы d3js

Привет! Знает кто, как высчитывать ширину svg исходя из ширины родительского элемента, просто когда сжимаются окно браузера, svg не сжимается, а если перезагрузить, то сожмется.

Также и в другую сторону,если сдал и перезагрузил - сжалось, но когда окно браузера растянул, то svg так и остается сжатым до следующей перезагрузки страницы

Привет) Если svg достаточно простой и не требует перерасчетов при ресайзе можно так же посмотреть в сторону viewBox. А так, да, подписываться на ресайз.
http://css.yoksel.ru/svg-sizes/

Про CSS

Размеры в SVG

Управление размерами — тема важная, и чтобы максимально использовать возможности SVG, нужно хорошо понимать как всё работает.

источник

13:25пожаловаться #7

Delonge1 in D3.js — русскоговорящее сообщество

Да,смотрю вот,спасибо)

источник

13:46пожаловаться #8

Delonge1 in D3.js — русскоговорящее сообщество

А как сделать чтобы не все окно монитора, а только по ширине родительского блока

источник

14:22пожаловаться #9

Delonge1 in D3.js — русскоговорящее сообщество

источник

14:22пожаловаться #10

Delonge1 in D3.js — русскоговорящее сообщество

resize svg

источник

14:22пожаловаться #11

Maksim Petukhov in D3.js — русскоговорящее сообщество

Там вроде можно через ResizeObserver подписываться на изменения конкретного элемента

источник

14:23пожаловаться #12

Delonge1 in D3.js — русскоговорящее сообщество

Я просто через событие resize

источник

14:26пожаловаться #13

Maksim Petukhov in D3.js — русскоговорящее сообщество

ну если надо отслеживать размер блока то надо через ResizeObserver

источник

14:29пожаловаться #14

Delonge1 in D3.js — русскоговорящее сообщество

Мне нужно размер svg ставить как у родителя

источник

14:35пожаловаться #15

Delonge1 in D3.js — русскоговорящее сообщество

Тогда так,получается

источник

14:35пожаловаться #16

2020 September 28

Carlos Aguni in D3.js — русскоговорящее сообщество

Hi all,
Does anyone have any example to make my svg load scaled in/out centered upon page load?

источник

16:44пожаловаться #17

Carlos Aguni in D3.js — русскоговорящее сообщество

Carlos Aguni

Hi all,
Does anyone have any example to make my svg load scaled in/out centered upon page load?

got it to work. had to manually transform: translate & scale.
when applying the d3.zoom. this helped me https://stackoverflow.com/questions/57119405/how-can-i-offset-the-initial-starting-position-of-a-d3-zoom

Stack Overflow

How can I offset the initial starting position of a d3 zoom?

I'm trying to zoom in on an SVG element after having translated it's Matrix, but when I start the initial zoom, the position of the SVG resets to 0,0. I'd like the zoom and pan to start from the mo...

источник

17:27пожаловаться #18

2020 October 03

Bodja in D3.js — русскоговорящее сообщество

источник

11:53пожаловаться #19

Bodja in D3.js — русскоговорящее сообщество

Привет. Ни когда с таким не сталкивался.
Подскажите как реализовать на сайте вот такую 3D модель.
С небольшой прокруткой но так что бы не долго грузилось.

источник

11:53пожаловаться #20