snap svg 중심점을 가진 객체를 회전하려고 시도하지만 작동하지 않습니다.

이 라이브러리를 snap svg로 배우고 객체를 회전시키고 싶습니다. 그러나 이상한 회전 효과를 얻었고 문제가 무엇인지 알 수 없습니다.snap svg 중심점을 가진 객체를 회전하려고 시도하지만 작동하지 않습니다.

다음은 코드 스 니펫이며 사용자가 살펴볼 수 있습니다.

var s = Snap("#container"); 
 

 
//lets draw 2 rects at position 100,100 and then reposition them 
 

 
var r = s.rect(100,100,100,100).attr({fill: 'red' }); 
 

 
var g = s.group(r); 
 

 
var bbox = g.getBBox(); 
 

 

 
s.text(20, 20, bbox.cx); 
 

 
s.text(20, 40, bbox.cy); 
 

 
g.animate({ transform: 'r180,'+ bbox.cx + ',' + bbox.cy }, 1000, mina.bounce);

<!DOCTYPE html> 
 
<html> 
 
<head> 
 
    <meta charset="utf-8"> 
 
    <meta name="viewport" content="width=device-width"> 
 
    <title>JS Bin</title> 
 
    <script src="https://cdnjs.cloudflare.com/ajax/libs/snap.svg/0.5.1/snap.svg-min.js"></script> 
 
</head> 
 
<body> 
 
    
 
    <div style="width: 335px; height: 600px;"> 
 
    
 
    
 
    <svg width='100%' height='100%' id='container'></svg> 
 
    
 
    </div> 
 
    
 
    </body> 
 
</html>

희망 누군가가 말해 줄 수 :

출처

2017-03-28 jing

나는 0.5/0.5.1이 here를 참조 스냅에 버그가 생각합니다.

내가 할 첫 번째 일은 Snap 0.4.1 예를 들어 here을 시도하고 수정했는지 확인하십시오. 나는 그것이 0.5.2로 고정되어 있다고 생각하지만 아직 사용 가능한지 확실하지 않다.

문제가 해결되지 않으면 0.4.1을 시도했음을 알리는 질문을 업데이트하십시오.

출처

2017-03-28 06:34:47 Ian

예 ... 스냅 0.5의 버그입니다. 나는 스냅 0.4.1로 스 니펫을 시도하고 작동한다. 감사! – jing

snap svg 중심점을 가진 객체를 회전하려고 시도하지만 작동하지 않습니다.

답변

관련 문제