imagen deformada en canvas

[gerion_angel]

buenos dias foro.

intentando guardar el contenido de un canvas de html5 desde javascript, me encuentro con que mi imagen al guardarse, se deforma y trozos de la imagen aparecen superpuestos sobre otras zonas de la misma como se ve en esta foto


[URL="http://www.subirimagenes.com/otros-imagemala-8584830.html"]

a alguien se le ocurre el motivo de esto? este es mi código para recoger el contenido del canvas

Código:

var canvas = document.getElementById("fotoCanvas");
var dataURL = canvas.toDataURL();
document.location.href = dataURL;

gracias por adelantado

[gerion_angel]

he probado a cargar la imagen del dataURL en una imagen de la "web"

Código Javascript:

var img = document.getElementById("imagenAGuardar");
    img.src = dataURL;
 

o como fuente para un iframe pero mantengo el mismo problema, la imagen se fragmente y salen trozos en zonas que no corresponden.

alguna orientación sobre el motivo de esto?

[Panino5001]

No es normal que te suceda eso. ¿Intentaste con otra imagen u otro navegador? ¿En qué circunstancia/navegador/sitema operativo te ocurre? ¿Podrías mostrar un ejemplo breve, con un mínimo de html y javascript, en el que veas que este error recurre?

[gerion_angel]

si, he probado con otras imagenes y el resultado es similar.

en cuanto navegador, desarrollo phongap webworks para blackberry 10, con lo que no puedo probarlo en otro distinto, pero de fondo, lleva firefox.

sobre código, no hay más que eso que puse, hay un canvas en el que se muestra correctamente las fotos tomadas por la cámara y luego, usando todataurl lo intento cargar en un <img> antes de guardarlo.

la verdad es q estoy muy perdido con este problema