떠있는 텍스트를 추가하는 Mozilla 캔버스

Question

내 캔버스 요소에서 이미지 위에 드래그 가능한 텍스트를 추가하고 싶습니다. 사용자가 캔버스 영역 내에서 이동할 수 있어야합니다. 일부 API 함수를 사용하여 텍스트를 추가 할 수는 있지만 잘 모르겠습니다. 텍스트를 포함하기 위해 DIV 태그를 사용해야합니까?하지만 문제는 마침내 이미지 파일로 캔버스를 저장해야하므로 캔버스에 일반 DIV 태그가 저장되지 않습니다.

귀하의 의견을 정말로 듣고 싶습니다.

Answer 1

표준 텍스트 그리기 기능을 사용해야하지만 변수의 위치 레코드를 유지해야합니다. 텍스트를 드래그하면 (크기를 사용하여 계산할 수 있음) 새 위치에 그릴 수 있습니다 마우스 좌표를 사용하여).

Answer 2

SVG 및 일부 텍스트 요소를 사용할 수 있습니다. SVG에서 각 요소는 DOM 요소이므로 예를 들어 마우스 이벤트를 첨부 할 수 있습니다.