자바 스크립트를 사용하여 배경 이미지를 이동하지 않고 텍스트를 회전하는 HTML 캔버스

구조

캔버스를 사용하여 작은 프로젝트를 진행 중입니다. 이미지 위에 텍스트를 올려 놓기 만하면됩니다.
위치와 크기를 변경하는 슬라이더가 있지만 텍스트 회전을위한 것은 없습니다.
배경 이미지가 영향을받지 않고 텍스트를 회전하는 방법을 찾기 위해 stackoverflow를 검색했지만 아직 아무것도 도움이되지 않았습니다.
나는 알고있다

 context.rotate( Math.PI / 2 );
 context.translate( canvas.width / 2, canvas.height / 2 );    

그러나 이것은 배경을 포함하여 전체를 회전시키는 것처럼 보입니다.

누군가 나를 올바른 방향으로 가리킬 수 있습니까?
펜에 연결 :

http://codepen.io/TryHardHusky/details/KdQQVq/

블라인드 맨 67

저장 및 복원을 사용하십시오.

ctx.save(); // pushes canvas state onto a stack
// your text code
ctx.restore(); // pops the last save off the stack.

저장할 때마다 복원이 있어야합니다. 중첩 될 수 있습니다. 스택에 저장됩니다.

또는 상황에 따라 약간 더 빠릅니다.

// your text code
ctx.setTransform(1,0,0,1,0,0); // reset the transform to default;

이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.

침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제

에서 수정
0

몇 마디 만하겠습니다

0리뷰
로그인참여 후 검토

관련 기사

Related 관련 기사

뜨겁다태그

보관