2012-04-22 106 views
7

我試圖從畫布中獲取dataUrl使用是作爲各種元素的CSS背景圖像。 但我總是得到以下錯誤Uncaught TypeError: Object #<HTMLCanvasElement> has no method 'toDataUrl'HTMLCanvasElement沒有方法'toDataUrl'

這是我的測試代碼

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

是它再次變相?安全功能還是我簡直是愚蠢的......

在此先感謝

+3

你可以找到這樣的東西Mozilla的文檔網網頁谷歌搜索「MDN toDataUrl」 - 谷歌是不區分大小寫。 – Pointy 2012-04-22 13:04:58

+0

閱讀文檔。任何文檔。 http://www.w3.org/TR/html5/the-canvas-element.html#dom-canvas-todataurl – 2012-04-22 13:05:44

+0

這是當你編碼20小時直 – Valerij 2012-04-22 13:18:15

回答

19

您的函數名稱不正確。觀看情況:

alert(c.toDataURL());

DEMO