div의 내용을 이미지로 캡쳐

Question

PHP를 사용하여 특정 div 캡처를 가져올 수 있는지 알고있는 사람이 있습니까? 내가 뭘하고 싶은건 사용자가 잠재적으로 자바 스크립트를 사용하여 이미지의 숫자를 배치 할 수있는 드래그 앤 드롭 컨테이너를 가지고 있으며, 그 다음에는 결과 복사본을 단일 이미지로 저장할 수 있기를 바랍니다. 사전에

고맙습니다

Answer 1

내 생각 엔 자바 스크립트로 배치 이미지의 좌표를 해결하고 숨겨진 양식 필드에 할당 될 것이다. 그런 다음 PHP를 사용하여 저장하고 좌표를 데이터베이스에 저장하십시오.

Answer 2

html 5 캔버스 요소의 canvas.toDataURL()을 사용하여 이미지 파일에 저장할 수 있습니다. 더 많은 정보 Here을 얻을 수 있습니다.

Answer 3

캔버스 필드 (drawImage())에 이미지를로드하고 끌어서 놓기 기능을 구현할 수 있습니다. 사용자가 보내기 버튼을 누르면 캔버스가 canvas.toDataURL()의 데이터 URL로 변환됩니다.

하지만 좌표를 저장하고 PHP가 이미지를 병합 할 때 더 간단하다고 생각합니다.

Answer 4

달성하고자하는 것은 자바 스크립트에서만 수행 할 수 있습니다. 서버에 이미지가 필요한 경우 아약스로 보낼 수 있습니다.

원하는 가까운 것을 수행하는 this jQuery tutorial을 살펴보십시오. (demo)