2012-04-22 21 views
7

私はキャンバスからdataUrlをフェッチしようとしていますが、これはさまざまな要素のCSS背景画像です。 しかし、私は常に、これは私のテストコード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> 

でエラーUncaught TypeError: Object #<HTMLCanvasElement> has no method 'toDataUrl'

を次取得すると、それは再び変装のセキュリティ機能です?または私は単に愚かだ...事前に

感謝

+3

あなたが「MDN toDataUrl」のためのGoogle検索でこのようなもののためにMozillaのドキュメントネットワークのページを見つけることができます - Googleは大文字と小文字を区別しません。 – Pointy

+0

ドキュメントを読んでください。すべてのドキュメントhttp://www.w3.org/TR/html5/the-canvas-element.html#dom-canvas-todataurl –

+0

これは、20時間連続してコードを作成すると – Valerij

答えて

19

機能名が正しくありません。時計ケース:

alert(c.toDataURL());

DEMO

関連する問題