2012-04-22 20 views
7

Sto provando a recuperare il dataUrl dall'area di lavoro da utilizzare come immagine di sfondo css su vari elementi. ma ottengo sempre seguente errore Uncaught TypeError: Object #<HTMLCanvasElement> has no method 'toDataUrl'HTMLCanvasElement non ha metodo 'toDataUrl'

questo è il mio codice di prova

<!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> 

è ancora una volta la funzione di sicurezza in incognito ?, o sto semplicemente stupido ...

Grazie in anticipo

+3

si possono trovare le pagine di documentazione della rete Mozilla per cose come questa, con una ricerca su Google per "MDN toDataUrl" - Google è case-insensitive. – Pointy

+0

Leggi i documenti. Qualsiasi documento http://www.w3.org/TR/html5/the-canvas-element.html#dom-canvas-todataurl –

+0

questo è ciò che accade quando si codifica per 20 ore di fila – Valerij

risposta

19

Il nome della funzione è errato. Guarda caso:

alert(c.toDataURL());

DEMO