이미지/텍스트를 캔버스에 드래그 앤 드롭하고 캔버스를 HTML로 저장하려면 어떻게해야합니까?

Question

페이지 (캔버스 사용)에서 Html/pdf를 표시하고 이미지와 텍스트를 드래그 앤 드롭하여 추가하고 Canvas를 html로 저장할 수 있습니까? 드래그 앤 드롭 이미지와 텍스트에 대해 jQuery UI를 시도했지만 최대 표시가 아닙니다. html을 캔버스에로드하고 캔버스에서 드래그 앤 드롭을 수행 할 수 있습니까?

Answer 1

아니요, 대부분 보안상의 이유로 실제 HTML을 캔버스 자체에로드 할 수 없습니다.

http://html2canvas.hertzen.com/

을하지만 약간의 학습과 함께, 당신은 그리기/그 캔버스 자체가 모든 서식을 가지고 당신이 필요로하는 기능을 찾을 수 있습니다 :

이 캔버스 라이브러리 "를 날조"상당히 좋은 일을한다. 패스, 불투명도, 그림자, 합성 (혼합)

도면 맞춤 경로 효과를 그리기

를 폰트와 폰트를 포함한 텍스트를 그리기 선, 직사각형, 호 이미지

크기 :

• 기본 요소를 도면
• 스트로크 (구배 포함)을 채우고 패턴
• 변환 : 이동, 회전, 스케일,

0 스큐

그리고 당신은 윈도우 이벤트 (마우스, 터치, requestAnimationFrame 등)을 얻을로 묶을 수는 더 :

• 드래그/
• 애니메이션
• 전환
• 프리 팅
• 캡처 & 알터 비디오를 드롭 스트림