각도 js에서 svg 크기 조정

Question

각도 j를 처음 사용합니다. 고정 된 너비와 높이를 사용하는 SVG를 다루고 있습니다. 이 때문에 나는 반응 형 그래프 응용 프로그램을 만들 수 없습니다. 누구든지이 오류를 극복하는 데 도움이되는 각도의 몇 가지 방법을 말할 수 있습니까? 감사합니다 .....

Answer 1

AngularJS service $ window를 사용하고 크기 조정 이벤트를 확인하십시오. 모든 크기 조정 윈도우 이벤트가 발생할 때마다 resize 이벤트에 바인드 된 함수가 실행되고 그래프를 다시 그릴 수 있습니다. 나는 이것을 사용하여 나의 문제를 해결했다. 홉이 당신을 위해 또한 작동합니다 ....

Answer 2

SVG의 뷰 박스를 사용하면 찾고있는 이미지의 크기를 조절할 수 있습니다. SVG 영역의 크기가 축소되거나 축소 되어도 내용이 항상 SVG 영역에 맞습니다. 예를 들면 다음과 같습니다. http://plnkr.co/edit/w2uOb9TSf8LWBAWyDdGm?p=preview

미리보기의 오른쪽 상단에있는 버튼을 사용하여 새 창에서 열면 창의 크기를 더 크게하거나 작게하여 SVG 영역의 내용을 조정하는 방법을 확인할 수 있습니다. 뷰 박스에 대한 더 자세한 내용과 작동 방법은 다음을 참조하십시오. http://tutorials.jenkov.com/svg/svg-viewport-view-box.html