2013-06-20 2 views
1

모든 경로 요소가 비슷한 svg 맵이 있습니다. 다른 조작을 위해 x 축, y 축 및 각도 (변형/회전 /도) 위치를 가져 오려고합니다.Jquery에서 svg 경로 요소의 양면도를 얻는 방법

getBBox를 사용하면 x 축과 y 축을 얻을 수 있습니다. 하지만 경로 요소의 회전 각도 (180도, 320도 등)를 얻고 싶습니다. 경로 요소 각도를 얻을 수있는 방법이 있습니까?

x 축과 y 축을 검색 할 수 있지만 각도는 검색 할 수없는 아래의 피들을 확인하십시오.

$(document).ready(function() { 
    var bb = $('#svg_3').get(0).getBBox(); 
    $("#divaxis1").html("x = " + bb.x + " y = " + bb.y); 

    bb = $('#svg_2').get(0).getBBox(); 
    $("#divaxis2").html("x = " + bb.x + " y = " + bb.y); 
}); 
+0

바이올린의 경로가 모두 회전하지 않습니다. –

+0

이제 알았어. 그것은 그려지고 회전하지 않습니다. ..... ( –

답변

0

추적하고 요소의 회전을 변경해야 할 경우

http://jsfiddle.net/YKMwf/

- 이것은 가장 CSS에서 수행됩니다. 그런 다음 각 위치를 추적 할 수 있습니다.

http://css-tricks.com/get-value-of-css-rotation-through-javascript/

+0

내 목표는 SVG에서 경로 요소의 각도를 가져 와서 x, y, 각도를 사용하여 플래시 응용 프로그램에 경로 요소를 그립니다. 여기에 CSS를위한 공간이 없습니다 –

+0

svg에는 회전 정보가 포함되어 있지 않습니다. 문자 그대로 그 각도로 그려지며 직선으로 그려지고 변형됩니다. –