div 콘텐츠를 자바 스크립트를 통해 이미지로 변환

div 태그의 콘텐츠를 이미지로 변환하고 javascript를 통해 로컬 폴더에 저장하는 방법은 무엇입니까? 나가는 길이 있어야한다는 것을 알지만 그것을 찾을 수 없습니다. 어떤 도움이라도 대단히 감사하겠습니다. 미리 감사드립니다.div 콘텐츠를 자바 스크립트를 통해 이미지로 변환

출처

2012-10-04 Vyper

[what-have-tried-try] (http://mattgemmell.com/2008/12/08/what-have-you-tried/)? – HashimR

캔버스를 이미지로 렌더링하려 시도했지만 문제는 전체 div 컨텐트를 이미지로 변환하고 싶습니다. – Vyper

캔버스가 div 요소와 어떤 관련이 있습니까? div 요소의 스크린 샷을 찍으시겠습니까? –

JavaScript가 파일 시스템에 쓸 수 없습니다.

자바 스크립트에 문자열을 저장해야하지만 브라우저 내에서 샌드 박스가 있으면 HTML5의 localStorage를 사용할 수 있습니다.

대부분의 HTML 요소의 내용을 가져 오려면 document.getElementById('theDiv').innerHTML을 사용하여 <div></div> 태그 사이에있는 내용을 가져올 수 있습니다.

innerHTML의 결과를 PHP 페이지에 전달하고 거기에서 파일로 저장할 수 있습니다.

편집

확인을 기반으로 우리의 의견, 난 당신이 PHP를 사용하는 것이 좋습니다. document.getElementById('theDiv').innerHTML을 사용하면 html을 PHP 페이지로 보낼 수 있습니다. 거기에서 http://www.rabuser.info/painty.zip을 사용하십시오. 'painty.php'페이지를 다운로드하고 html을 전달하십시오. 이론적으로 painty.php는 html에서 img를 생성합니다.

출처

2012-10-04 10:49:29 LukeStoneHm

이 짐작 나는 도움이됩니다. 나는 자바 스크립트를 통해 동적으로 그래프를 생성하고 지금은 전체 div 이미지로 변환하고 로컬 폴더에 저장 싶어요. 귀하의 솔루션은 그 div에 대한 html을 제공합니다. – Vyper

div의 내용을 PHP 페이지로 보내서 저장할 필요가 있습니다. 또한 이미지에 html을 저장할 수 없으므로 PHP를 사용하여 HTML을 수행하는 방법을 Google에 알려야합니다. – LukeStoneHm

당신이하는 일에 상관없이, 자바 스크립트에서 파일 시스템에 쓸 수 없습니다. 나는 HTML을 가져 와서 그것에서 PDF를 생성하는 PHP를 사용합니다. – LukeStoneHm

캔버스. drawImage은 이미지, 캔버스 및 비디오 요소를 지원합니다. 어떤 사람들은 미래에 DOMElement를 지원할 것이라고 말합니다.

C (또는 C++)로 작성된 많은 오픈 소스 브라우저가 있습니다. Emscripten 프로젝트는 C++ 코드를 Javascript로 변환 할 수 있습니다. 따라서 브라우저에서 자신 만의 브라우저를 실행하여 HTML을 렌더링 할 수 있습니다.

브라우저에서 브라우저를 실행하는 것은 이상한 아이디어가 아닙니다. 예 : x86 시스템을 브라우저에서 에뮬레이트하는 프로젝트가 있습니다 - http://copy.sh/v24/.

출처

2013-11-15 11:28:16

div 콘텐츠를 자바 스크립트를 통해 이미지로 변환

답변

관련 문제