SVG 도면의 축척 방법

Question

SVG 형식의지도가있는 경우 이미지를 X 배 더 크게 축척하려면 어떻게해야합니까? 나는 이것을 어떻게 얻을 수 있을까? 물론 가변적 인 X 변수를 기반으로 크기를 조정할 수 있기를 원합니다.

나는 그것을 들여다 보았지만 시간이 오래갑니다. 나는 어디에서 시작해야하는지 알고 싶다.

var mySVG = document.getElementById("mySvgElement"); 
var scaleCoefficient = 3; //this will make it 3 times bigger in x/y direction 
mySVG.setAttribute("transform", "scale(" + scaleCoefficient + "," + scaleCoefficient + ")"); 

에 '3'의 규모의 변환을 적용 것이다 : 더 큰 3 번 이상 사용하는 것이

Answer 1

는 SVG 데이터를 확장하려면 요소, 예를 만들기 위해 그래서 scale transformation.

를 사용할 필요가 X/Y 방향 따라서 크고 3 배는

SVG 요소가 transformation matrix 의해 정의되는 종횡비의 변경없이 소자 제작 - 이것은 일반적 t를 사용하여 어떤 벡터 도형이다 o 형상 자체의 실제 SVG 형상 데이터를 변경하지 않고 변환/회전/크기를 정의합니다.