2013-07-16 2 views
0

웹 페이지에서 이미지 아이콘을 드래그 앤 드롭하여 일부 텍스트 변경 배경색을 쓰는 div (정사각형 상자)에 저장 한 요소를 삭제 한 후 해당 div를 만들고 싶습니다. jpg, bmp 형식.html 페이지의 요소를 이미지 형식으로 저장

누가 ASP.net C#을 사용하여 어떻게 할 수 있습니까?

캔버스를 사용해 본 적이 있지만 작동하지 않습니다. div (사각형 상자) 만 흰색 배경으로 저장합니다.

답변

0

html2canvas와 같은 라이브러리가있는 캔버스로 쉽게 할 수 있습니다. 나는 한 프로젝트에서 비슷한 일을했다. 내가 div에서 SVG 객체를 캡처하고 런타임에 나는 페이지에서 약 10-15 개의 SVG 객체를 얻었고 주어진 시점에서 각각을 캡처 할 수 있었다.

asp.net 및 C#에서는 확실하지 않지만 html2canvas로 HTML5에서 가능합니다.

+0

Ankit, 캔버스를 사용하여 수행 할 수 있지만 문제는 jquery를 드래그 앤 드롭하여 캔버스에 항목을 배치하여 이미지로 저장할 때 캔버스가 비어있게하는 것입니다. 그걸하는 법을 아십니까? – user2021837

+0

캔버스에 직접 무언가를 드롭하려는 이유를 모르겠습니다. 캔버스는 그런 목적으로 제작되지 않았습니다. 캔버스는 더 무언가를 그릴 수있는 레이어와 비슷합니다. 더 많은 것을 당신은 이런 식으로 할 수 있습니다. 첫 번째 캔버스를 만들고 맨 위에 드래그 할 수있는 항목을 보유하고있는 div를 만들고 사용자가 일부 버튼 "저장"을 클릭 한 다음이 캔버스에 사용자가 드롭하는 div 개체를 추가하도록 요청하면 완료됩니다. 직접 개체를 캔버스에 그릴 수는 없습니다. 이 예제를 통해 내가 만든 div가 draggable 오브젝트 http://jsbin.com/ikide/1/edit로 누가 작동하는지 설명 할 수 있습니다. – Ankit

관련 문제