2012-04-22 13 views
7

Estoy tratando de recuperar el dataUrl del lienzo para utilizarlo como fondo-imagen css en varios elementos. pero siempre me sale error Uncaught TypeError: Object #<HTMLCanvasElement> has no method 'toDataUrl'HTMLCanvasElement no tiene el método 'toDataUrl'

siguiendo este es mi código de prueba

<!DOCTYPE html> 
<html> 
<body> 
<canvas id="myCanvas" width="200" height="100" style="border:1px solid #c3c3c3;"> 
Your browser does not support the canvas element. 
</canvas> 
<script type="text/javascript"> 
    var c=document.getElementById("myCanvas"); 
    var ctx=c.getContext("2d"); 
    ctx.fillStyle="#FF0000"; 
    ctx.fillRect(0,0,150,75); 
    alert(c.toDataUrl()); 
</script> 
</body> 
</html> 

es que una vez más la función de seguridad en el encubrimiento ?, o simplemente estoy estúpida ...

Gracias de antemano

+3

Usted puede encontrar las páginas de la Red de Documentación de Mozilla para cosas como esta con una búsqueda en Google de "MDN toDataUrl" - Google es sensible a las mayúsculas. – Pointy

+0

Lea los documentos. Cualquier documento http://www.w3.org/TR/html5/the-canvas-element.html#dom-canvas-todataurl –

+0

esto es lo que sucede cuando codifica durante 20 horas seguidas – Valerij

Respuesta

19

Tiene el nombre de la función incorrecta. Mira el caso:

alert(c.toDataURL());

DEMO

Cuestiones relacionadas