To moje pierwsze pytanie tutaj, więc przepraszam, jeśli coś zepsuję.

Buduję prosty SVG w kątowej bibliotece D3, ale nie mogę zdobyć tej rzeczy.

Zrobiłem całą grupę czytania na SVG's over tutaj https://css-tricks.com/scale -Svg / i ja wybraliśmy z podejściem do budowy SVG w viewbox, a następnie stosując atrybuty height i height.

Podczas przeglądania SVG widzę, że wymaga określonego 100px dla width i height, ale sami SVGElements są nadal oryginalnym rozmiarem.

ALE! Jeśli zamiast ustawić width i height przez kod, modyfikowałem width i height, edytując SVG jako HTML w {x4}} (tj.: {X4}} {X5}}), a następnie doskonale się rozwija!

Zrobiłem tutaj plunker: https://plnkr.co/edit/kyctOcjzi6a59yj?preview - Pierwszy SVG ustawia width i height i height przez kod, podczas gdy drugi SVG nie ma ich ustawionych, abyś mógł spróbować w Dev Tools, jeśli będziesz potrzebować :)

Dziękuję za Twój czas!

3
TipTeQ 16 wrzesień 2020, 12:15

1 odpowiedź

Najlepsza odpowiedź

W SVG Viewbox Camelcased, ale wpisałeś widok B OX:

const svg2 = d3.select(this.svgContainerRef2.nativeElement)
  .append('svg')
  .attr('viewBox', `0 0 ${circleRadius * 2} ${circleRadius * 2}`);
1
Hugo Elhaj-Lahsen 16 wrzesień 2020, 19:01