Raphael을 사용하여 여러 항목을 스케일링하여 보존

Question

각기 다른 비율로 조정 된 여러 가지 모양이 있습니다.

다른 포인트로 변환 된 세트

set.transform("tp1,p2") 

도형을 사용하여 통상의 크기로 재조정. 크기 조정 된 각각의 원래 크기가 다른 비율로, 나는 옵션을 set.transform 옵션으로 지정할 수 없습니다.

transform() 중 set에서 각 항목의 크기를 유지할 수 있습니까?

코드에서 내 질문 :

http://jsfiddle.net/XHr4H/

Answer 1

이 다루는 라파엘의 불완전한 방법은 변환 지침 중 하나 ("... 지시어를"사용) 변환 시퀀스 앞에 추가하거나 추가 할 수 있도록하는 것입니다 변환 순서 ("... 지시문"사용). 귀하의 경우, 당신이 원하는 효과를 얻기위한 가장 간단한 방법은 setTimeout 함수에서 원하는 상대 변환을 앞에 추가하는 것입니다.

var paper = Raphael("paper", 200, 200); 

var s = paper.set(), 
    r = paper.rect(0,0,30,30).attr({"fill":"green"}).transform("t27,30s0.2"), 
    r2 = paper.rect(40,0,30,30).attr({"fill":"red"}).transform("t27,30s0.4"); 
s.push(r,r2); 
setTimeout(function(){ 
    s.transform("t100,150..."); // here 'tis 
}, 2000); 

(가) 변환 ("t100,150는 ...") 필수적으로 세트의 각 요소에 대한 변형 문자열의 시작으로 해석 원하는 삽입한다. 따라서 r의 변환은 누적 적으로 "t127,180s0.2"로 평가되고 r2은 "t127,180s0.4"가됩니다.