이것이 가능한지 궁금합니다. HTML5 캔버스에서 작동하는 그리기 앱이 있다고 가정 해보십시오. 단지 몇 줄의 선을 그어보세요. 그런 다음 inscape와 같은 벡터 (수학적으로 저장된) 이미지 인 것처럼 이미지의 크기를 조절할 수 있습니까?html5의 캔버스 안에 스케일이없는 그림
0
A
답변
0
당신은 확장 가능한 벡터 grapichs 또는 SVG에 대해 이야기하고 있습니다.
자바 스크립트 용 SVG 라이브러리가 많이 있습니다. 모든 배관 작업을 직접하고 싶지 않으면 매우 쉽습니다. Raphaël은 그러한 라이브러리입니다.
+0
내가 원하는 것은 사용자가 이미지를 그릴 수있는 페인트 같은 프로그램입니다. 그런 다음 그 이미지를 다른 사람에게 보내고 싶습니다. 화면 해상도로 인해 캔버스가 작거나 커질 수 있습니다. 따라서 이미지는 비율을 유지하면서 적절하게 조정되어야합니다. – NoTiG
+0
svg-edit (http://code.google.com/p/svg-edit/)는 상당히 인상적으로 보입니다. 나는 당신이 그것으로부터 약간의 아이디어를 얻을 수 있었다고 생각한다. –
관련 문제
- 1. html5의 캔버스 안에 캔버스
- 2. Html5의 캔버스 안에 TextBox 만들기
- 3. 캔버스 및 그림 그림
- 4. 캔버스 HTML5의 수정 된 크기
- 5. HTML5의 드래그 앤 드롭 캔버스
- 6. 캔버스 및 그림.
- 7. div 안에 그림 맞추기
- 8. HTML5의 캔버스 요소에 대한 redraw-event가 있습니까?
- 9. HTML5의 캔버스 + Javascript 코드가 iOS에서 작동하지 않습니다.
- 10. 이미지는 HTML5의 2D 캔버스 저장되지 않습니다
- 11. HTML5의 캔버스 요소에 지그 후 (kinect) 사용
- 12. UIImageView 안에 많은 그림 그리기
- 13. 오버플로 -y가있는 div 안에 캔버스
- 14. 스케일이없는 확대 된 PyGTK 이미지
- 15. 부분 투명 (불투명도) HTML5 캔버스 그림
- 16. jquery + 캔버스 및 그림 선 문제
- 17. 안에 그림 상자가있는 스크롤 패널을 가지고있는 방법?
- 18. WxPython 패널 안에 matplotlib 그림 삽입하기
- 19. 오버레이 일시적으로 캔버스에 그림
- 20. 캔버스 내부에 HTML 캔버스 렌더링
- 21. HTML5의 대화 형 평면도
- 22. Infoviz. 그림 그리기 전에 트리 캔버스 크기 계산
- 23. 안드로이드 캔버스 화면에서 무작위로 그림 그리기를 멈 춥니 다
- 24. HTML5 캔버스 비트 맵 마스크 및 그림 비트 맵
- 25. Matlab : 그림 안에 3D 플롯을 가장 잘 맞 춥니 다
- 26. 캔버스 지우기 캔버스 저장
- 27. HTML5의 대화식 이미지
- 28. 브라우저는 뷰포트 안에 있지 않은 캔버스 요소를 렌더링합니까?
- 29. 두 이미지 요소를 캔버스 안에 배치하는 방법은 무엇입니까?
- 30. ListView 안에 포함 된 캔버스 위젯을 그리는 법
전체 캔버스의 크기를 조절할 수 있습니다. [here] (https://developer.mozilla.org/en-US/docs/DOM/CanvasRenderingContext2D#scale());을 참조하십시오. – Shmiddty
캔버스 안에있는 모든 것을 조정할 수 있습니까? 누군가가 그린 것과 같은 것입니까? – NoTiG
나는 그럴 것이라고 생각했지만, 규모가 설정된 후에 캔버스에 그려지는 것에 만 영향을 미치는 것으로 보입니다. – Shmiddty