Olá, estou tendo um problema ao transformar uma div em canvas, pois dentro dessa div tem uma img, e o src contem a url COMPLETA da imagem, com http, quando é uma imagem normal que ja esta no servidor não tenho problemas, ele converte tranquilamente, mas quando o src está com http ele pega a div inteira mas a imagem ele não reconhece, estou usando o html2canvas, segue meu código:
HTML:
<div id="mesa" style="width:800px; height:800px; float:left; clear:both;">
<div style="width:800px; height:500px; background:#CCC; float:left;">
<img src="http://i.imgur.com/kOhhPAk.jpg" width="800" height="500">
</div>
<div style="width:800px; height:50px; background:#00F; float:left;">texto</div>
</div>
JAVASCRIPT:
$(document).ready(function(){
html2canvas($("#mesa"), {
onrendered: function(canvas){
var imagem = canvas.toDataURL('image/png');
var image = new Image();
image.src = imagem;
$("body").append(image);
}
});
});
repetindo, se o src da imagem for uma imagem do servidor (ex: src="imagem.jpg") ele pega normal, mas se for src="http://outrosite.com.br/imagem.jpg" ai ele não pega a imagem, pq acontece isso ? preciso pegar a imagem desse jeito, de outro site... Tem alguma solução ?
obrigado!