div에서 이미지를 만들고 Javascript 및 ASP.net을 사용하여 서버에 저장

Question

사용자가 다른 div를 드래그 앤 드롭하여 간단한 다이어그램을 만드는 div가 있습니다.이 div는 javascript를 사용하여 수행했습니다.

이 div를 이미지에 저장하고 내 서버 (IIS/ASP.NET)에 파일로 저장하는 방법을 찾고 있습니다.

나는 수많은 메소드를 보았지만 어떤 메소드가 작동하는지 혼란 스럽다. IE7 +, Chrome, Safari, Firefox에서 작동해야합니다.

그래서 저는 서버 쪽에서 생각하고 있습니다.하지만 어떻게 그런 식으로 할 수 있는지 전혀 모르겠습니다. ASP.NET에서 URL을 사용하여 스크린 샷을 만드는 여러 가지 방법을 찾았습니다. 하지만 그것은 단지 URL이 아니며 사용자의 현재 페이지입니다. Logindata 등에 따라 다릅니다.

tldr : div의 이미지를 자바 스크립트로 만들 수 있습니까? 그렇다면이 방법은 IE7 +에서 작동합니까? 그렇지 않다면 가능한 서버 측 (asp.net)과 같은 것이 있습니까?

Answer 1

만들고있는 것은 "이미지"가 아닙니다. 이는 시각적으로 인식 할 수있는 패턴으로 존재하는 HTML 요소 (아마도 CSS로 스타일링 된)의 모음 일뿐입니다.

이진 이미지를 생성하려면이 요소 콜렉션 (뷰 그래프)을 직렬화하고이를 서버에 전달한 다음 서버가 직렬화 된 뷰 그래프를 일련의 그리기 명령으로 해석해야합니다 새 비트 맵으로 변환 한 다음 비트 맵을 사용자에게 반환합니다.

실제 구현은 독자가 남긴 과제입니다. Javascript 기반의 그리기 도구가 어떻게 작동하는지와 같은 거의 기술적 인 세부 사항을 거의 제공하지 않아서 더 정확하게 말할 수는 없습니다.