2012-04-22 13 views
7

Ich versuche, die DataUrl aus der Leinwand zu holen, ist als CSS-Hintergrundbild auf verschiedenen Elementen zu verwenden. Aber ich bekomme immer Fehler Uncaught TypeError: Object #<HTMLCanvasElement> has no method 'toDataUrl'HTMLCanvasElement hat keine Methode 'toDataUrl'

folgenden dieser Code meines Tests

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

ist es wieder einmal das Sicherheitsmerkmal in der Verkleidung ?, oder bin ich einfach dumm ...

im Voraus

Dank ist

+3

Sie die Mozilla-Dokumentation Netzwerkseiten für Sachen wie diese mit einer Google-Suche nach „MDN toDataURL“ finden können - Google ist Groß- und Kleinschreibung. – Pointy

+0

Lesen Sie die Dokumentation. Beliebige Dokumente http://www.w3.org/TR/html5/the-canvas-element.html#dom-canvas-todaturl –

+0

Dies passiert, wenn Sie 20 Stunden lang direkt codieren – Valerij

Antwort

19

Sie haben den Funktionsnamen falsch. Sehen Sie den Fall:

alert(c.toDataURL());

DEMO

Verwandte Themen