		 function capture(id,filename){
			html2canvas($('#'+id).get(0))
			.then(
				function (canvas) {
					var uri = canvas.toDataURL();					
					var link = document.createElement('a');
					if (typeof link.download === 'string') {
						link.href = uri;
						link.download = filename;
						document.body.appendChild(link);
						link.click();
						document.body.removeChild(link);
					} else {
						window.open(uri);
					}
					
				}).catch(function (err) {
					console.log(err);
				});
		}

-> capture 실행함수

$("#capture1").attr("onclick","capture('chart1','"+title1+"')");

<button type="button" class="btn" id="capture1"></button>

-> 해당 아이디에 있는 캡쳐 이미지 클릭 시 함수 실행하는 것

id = "chart1"

id = "chart2"

id = "chart3"

-> 이렇게 화면이 3개가 있는 상태에서 각각 캡쳐를 눌러 실행하면

chart1만 캡쳐가 정상적으로 되고 chart2와 3은 하얀 화면만 나옵니다

캡쳐 이미지 파이을은 뽑아오는데 화면이 하얀거 보니 캡쳐가 안되는거 같은데 어디가 문제인지 잘 모르겠습니다

고수님들,,,ㅎ

그리고

html2canvas($('#'+id).get(0))

꼭 이렇게 .get(0)을 해야 되더라고요 방법좀 알려주세요,,

1개의 답변

Q&A 목록