2
몇 가지 유사한 질문과 답변을 읽었으나 전혀 문제를 해결하지 못했습니다. 내가 TinyMCE에 (집에서 양조 버전하지만) 편집기의 종류와 유사하다 무슨이 :Div 콘텐츠 또는 캔버스를 이미지로 저장
여기 내 시나리오입니다. 사용자가 텍스트를 입력하거나 이미지를 두 개 입력 할 수 있습니다. 여기에 항목을 가져 와서 작은 div (본질적으로 미리보기 이미지)를 실시간으로 렌더링하는 코드가 있습니다. 여기
는 사용자가 다른 곳에서 자신의 '페이지'를 사용할 수 있습니다 내가 궁극적으로 를 수행 할 작업을, 그래서 나는 그들이, 화면에 각 페이지의보기 썸네일을 가자, 그리고 하나를 선택 것 .
문제가 있습니다. 분명히 동일한 축소판 코드를 사용하여 각 페이지 축소판을 렌더링 할 수 있습니다. 그러나 대역폭 집약적 일 수 있습니다 (각 페이지는 여러 개의 이미지를 포함 할 수 있습니다. 계산은 여러 번 수행해야합니다. 미리보기 페이지에서 40-50 개의 미리보기 이미지가 사용됩니다).
그래서 썸네일 div를 가져 와서 편집기에 페이지를 저장할 때 (페이지 코드와 미리보기 이미지) 페이지를 저장할 때 png 또는 jpg를 만들고 싶습니다. 내 PHP 스크립트에 이미지를 서버에 저장합니다.
첫 번째 생각은 캔버스가 그럴 수 있다는 것이지만 캔버스에 텍스트와 이미지를 먼저 번역하는 문제가있을 수 있습니다.
그렇습니다. 나는 상업 라이브러리를 포함한 모든 옵션에 관심이 있는데, 그렇게 할 수 있다면 - 유일한 것은 자바 스크립트에 있어야한다는 것이다.
감사합니다 - html2canvas 나에게이 길의 90 %를 얻을 것이다. 다시 한번 감사드립니다. – OneNerd
+1 와우 html2canvas 놀라운입니다! – Loktar