2017-04-26 4 views
0

QR 코드를 이미지로 변환했지만 이미지가 빈 페이지에 표시되었습니다. div에 표시하고 싶습니다.JQuery를 사용하여 특정 div에 QR 코드 이미지 표시

$('#qrBloc').qrcode({width: 200,height: 200, text:"something"}); 
 
var canvas = document.querySelector("#qrBloc canvas"); 
 
var img = canvas.toDataURL("image/png"); 
 
document.write('<img id ="qrimg" src="'+img+'"/>');
<div id="qrBloc"> 
 
</div>

+0

가 왜 이미지로하시면 자동 필요합니까

$('#qrBloc').empty().append('<img id ="qrimg" src="'+img+'"/>'); $('#qrBloc').html('<img id ="qrimg" src="'+img+'"/>'); 

문서 :

또한 캔버스 요소를 제거하려면

$('#qrBloc').append('<img id ="qrimg" src="'+img+'"/>'); 

으로 그 라인을 교체, 당신은 다음 중 하나를 수행 할 수 ? 캔버스가 충분하지 않은 이유는 무엇입니까? –

+0

왜냐하면 내가 다운로드하기를 원했기 때문에 – nermiiine

답변