2017-05-16 1 views
1

svg와 폴리곤의 크기를 조정해야합니다. 높이와 크기를 변경하려고하면 크기를 조정하고 다각형을 자릅니다. 이 코드입니다 :SVG 및 SVG 내부의 모든 항목의 크기를 조정하는 방법은 무엇입니까?

<svg height="248" width="406" id="svg1" class="svg" style="position: absolute; top: 92px; left: 685px;"> 
    <polygon points="174,0 406,104 197,248 0,126 " style="fill: red; stroke: purple; stroke-width: 1;" id="poly1" class="polygon"> 
    </polygon> 
    </svg> 

는 어떤 다른 만드는 경우 나도 몰라,하지만 난 동적으로 jQuery로 SVG 및 다각형을 모두 만들 수 있습니다.

답변

0

viewBox 속성을이 경우 viewBox="0 0 406 248"으로 설정하면됩니다.

가상 캔버스의 좌표계를 정의하며, 이후에 height 및 이 변경되면 캔버스 크기를 변경하는 대신 크기가 조정됩니다.

관련 문제