toDataUrl base64 문자열을 페이지의 이미지로 변환

커스텀 제품 구성자를 만들고 html2canvas를 사용하여 canvas 요소의 base64 인코딩 문자열을 생성하고 있습니다.toDataUrl base64 문자열을 페이지의 이미지로 변환

로 이동하면 하단의 "장바구니에 추가"를 클릭하면 생성 된 base64 인코딩 된 문자열에 대해 html2canvas 스크립트를 사용하여 경고합니다.

내 질문은 : 어떻게 그 base64로 인코딩 된 문자열을 받아 일반 이미지 태그로 바꿀 수 있습니다. 여기

<img src="myconvertedbase64string.PNG" />처럼 캐릭터 생성되는 코드이다

$('#addToCart').click(function(event) { 
event.preventDefault(); 
var target = $('.customstole'); 
html2canvas(target, { 
onrendered: function(canvas) { 
    var data = canvas.toDataURL(); 
    alert(data); 
    // data is the Base64-encoded image 
}

을}); }});

출처

2012-10-31 Daniel White

정확히 그런 것 ... 시도해 보셨습니까? 작동해야하고 결과는 '' – devnull69

입니다. 그렇습니다. base64로 인코딩 된 문자열을 가지고 있지만 실제 시각적 이미지를 얻을 수 없습니다. 나는 그것이 내가 누락되었다는 것이 단순하다고 확신하지만, 장바구니에 추가 단추를 클릭하면 문자열을 생성하는 것을 볼 수 있습니다. 그 문자열을 클라이언트의 "미리보기"로 페이지의 실제 이미지로 변환하는 방법을 알아내는 데 도움이 필요합니다. –

이 도움이 될 수 있습니다 - 그것은 서버에 URL을 base64 인코딩을 게시 할 jQuery를 사용하고 일부 PHP의 파일에 저장합니다 :

또한 http://www.rgraph.net/docs/integration-with-server-side-scripting.html#image

, 당신은을 사용할 수 있다는 것을 알고 않았다 data : toDataUrl()에 의해 url이 태그 src로 직접 반환됩니까?

출처

2012-10-31 09:20:37 Richard

나는 그것을 알지 못했고 당신이 그 일을하는 법에 응답하기 전에 우체국을 발견하고 그것을 작동 시켰습니다. 롤. 긴 하루. 지금 내가 게시 한 내용을보고 있는데, 필요한 부분은 서버에서 저장 한 이미지이므로 나중에 다시 불러올 수 있습니다. 감사합니다. –

toDataUrl base64 문자열을 페이지의 이미지로 변환

답변

관련 문제