Tirar print da tela

[ckcesar 7]

Galera preciso de ajuda!

 

Eu quero tirar um print da minha tela mais estou com problema de ajustes, a minha tag ela é svg e não sei o por que ela não funciona.

 

A minha tag svg ela cria um polygon e esta em cima de uma imagem de fundo, ao printar eu quero que mostre o polygon com a imagem de fundo.

 

eu estou usando o canvas para o print, mais ela mostra uma tela preta pra mim. Alguém pra me ajudar??? Eu fiz um teste na tag div e funciona bem o problema está mesmo é na tag svg.

 

Exemplo:

function printContent(el){
html2canvas(document.getElementById('edit-star'), {
onrendered: function(canvas) {
window.open(canvas.toDataURL("image/jpeg"));
}
});
}

 

Mais informações o projeto todo está aqui.

https://github.com/ckcesar/Print-com-svg

[wootzor 103]

Aparentemente é possível fazê-lo convertendo o SVG num canvas.

[ckcesar 7]

Eu tento converter mais não sei onde é o meu erro pq o print funciona o formato svg fica printado mais o fundo dela fica em branco ao invéz de mostrar o fundo que esta como background.

 

Eu tentei converter para png e funciona, mais o fundo fica em branco, não sei por que.

 

function printContent(el){

var canvas = document.getElementById("canvas");
var svg = $("#drag-1").html().replace(/>\s+/g, ">").replace(/\s+</g, "<").replace(" xlink=", " xmlns:xlink=").replace(/\shref=/g, " xlink:href=");
canvg(canvas, svg);

//Convertendo canvas em png
var data = canvas.toDataURL("image/png");
$('#imagem').attr('src', data);
$('#canvas').remove();

}

[ckcesar 7]

Ninguém pra me ajudar. Eu postei arquivos novos de uma olhada. Se alguém pra me ajudar aew..

 

https://github.com/ckcesar/Print-com-svg