HTML5 마스터Q&A는 HTML CSS JavaScript 개발자들의 질문과 답변을 위한 커뮤니티 사이트입니다.

css 캔버스 이동과 회전시 멈춤

0 추천

안녕하세요. css가 멈추는 경우가 있어 문의드립니다.

참고로 html5경력은 2달정도 입니다.

아래와 같이 회전이 완료되면 이동을 하는 javascript안의 css코드가 들어있습니다.

그런데 회전부분을 동작하는듯 하더니 이동부분으로 들어오지 않는 경우가 있습니다.

(동작이 멈춰있다가 마우스로 캔버스를 건드리면 다시 동작합니다.)

무엇이 문제인지 감이 잡히지 않습니다.

조언부탁드립니다.

                    $j('#'+layer).css({
                        // 회전
                        'transform': 'translate('+ xPos +'px,'+ yPos +'px) rotate('+(-heading)+'deg)', 'transition':0.3+'s linear'
                    }).one("transitionend",function() {
                            $j('#'+layer).css({
                                // 이동으로 들어오질 않네요.
                                'transform': 'translate('+ left +'px,'+ top +'px) rotate('+(-heading)+'deg)', 'transition':sec+'s linear'
                             });
                    });

 

외로운길 님이 2014년 11월 26일 질문

1개의 답변

0 추천
디버깅 중에 하나 알아낸것은 위 코드는 반복적으로 실행되는데

회전부분에서 xPos, yPos 값이 이전과 같으면 동작을 안하는것 같습니다.

동작하도록 하는 방법이 있을까요?
익명사용자 님이 2014년 11월 26일 답변
...