어떻게 html5 캔버스에 거꾸로 된 텍스트를 표시합니까? 샘플 작업 코드를 제공 할 수 있다면 많은 도움이 될 것입니다. :)Html5 캔버스에서 텍스트를 거꾸로 표시
2
A
답변
5
잘 작동합니다. 당신은 여기에 대한 자세한 내용을보실 수 있습니다 : https://developer.mozilla.org/en-US/docs/Web/API/Canvas_API/Tutorial/Transformations
코드 예제 :
var ctx = document.getElementById('canvas').getContext('2d');
ctx.translate(100,100);
ctx.save();
ctx.rotate(Math.PI);
ctx.fillText("TEST", 10, 10);
ctx.restore();
0
이 당신은 rotate
변환을 사용할 필요가 http://www.codeproject.com/Tips/166266/Making-Text-Upside-down-using-CSS
관련 문제
- 1. html5 캔버스에서 텍스트를 천천히 채우는 방법
- 2. HTML5 캔버스에서 Rects 그리기
- 3. html5 캔버스에서 겹치는 폴리곤
- 4. html5 캔버스에서 "지우기"
- 5. HTML5 캔버스에서 그리기
- 6. Android에서 텍스트 뷰를 사용하여 텍스트를 거꾸로 표시 할 수 있습니까?
- 7. HTML5 캔버스에서 툴팁을 구현하는 방법
- 8. HTML5 캔버스에서 그리기를 애니메이션하는 방법
- 9. html5 캔버스에서 사용자 정의 스크롤
- 10. HTML5 캔버스에서 사각형 그리기를 터치하십시오.
- 11. 별표의 거꾸로 된 피라미드 표시
- 12. HTML5 캔버스에서 회전 된 텍스트 그리기
- 13. 코어 텍스트를 사용하여 텍스트를 거꾸로 배치하는 방법은 무엇입니까?
- 14. HTML5 캔버스에서 XML로 또는 그 반대로
- 15. HTML5 캔버스에서 디자인하기 - 렌더링 속도를 높이는 방법
- 16. 글꼴 요소를 지원하는 HTML5 캔버스에서 SVG 그리기
- 17. html5 캔버스에서 이미지 위치 가져 오기
- 18. HTML5 캔버스에서 생성 된 이미지의 이름 바꾸기
- 19. iPad에서 HTML5 캔버스에서 @ 2x 그리기 금지 3
- 20. HTML5 캔버스에서 사각형을 그릴 수없는 이유는 무엇입니까?
- 21. HTML5 캔버스에서 마우스 오버시 그라디언트 색상 변경
- 22. HTML5 캔버스에서 픽셀 완전 충돌 감지
- 23. HTML5 캔버스에서 애너 글리프 3D 이미지 만들기
- 24. HTML5 - 캔버스에서 이미지 순서를 동적으로 변경
- 25. HTML5 게임 캔버스에서 무작위로로드되는 Google 웹 글꼴
- 26. HTML5 캔버스에서 스트로크 경로 지우기 (루프 내에서)
- 27. 두 개의 사각형이 HTML5 캔버스에서 맞았는지 확인합니다.
- 28. HTML5 캔버스에서 배경 이미지 데이터를 추가하는 방법
- 29. HTML5 캔버스에서 터치 직선을 그리는 방법
- 30. html5 canvas - 어떻게 텍스트를 늘릴 수 있습니까?
완벽! 정확히 내가 필요로하는 것. 고맙습니다. : 수평 거울을 원한다면'ctx.rotate' 대신에 D – haifacarina
또는'ctx.scale (1, -1);' – rezoner