2012-04-22 20 views
7

Tôi đang cố tìm nạp dataUrl từ canvas để sử dụng dưới dạng css background-image trên các phần tử khác nhau. Nhưng tôi luôn luôn nhận lỗi sau Uncaught TypeError: Object #<HTMLCanvasElement> has no method 'toDataUrl'HTMLCanvasElement không có phương thức 'toDataUrl'

này được mã kiểm tra của tôi

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

là nó một lần nữa các tính năng bảo mật trong ngụy trang ?, hay là tôi chỉ đơn giản ngu ngốc ...

Cảm ơn trước

+3

Bạn có thể tìm thấy các trang tài liệu Mạng Mozilla cho các công cụ như thế này với một tìm kiếm google cho "MDN toDataUrl" - google là case-insensitive. – Pointy

+0

Đọc tài liệu. Bất kỳ tài liệu nào. http://www.w3.org/TR/html5/the-canvas-element.html#dom-canvas-todataurl –

+0

điều này xảy ra khi bạn viết mã trong 20 giờ liền – Valerij

Trả lời

19

Bạn có tên chức năng không chính xác. Xem trường hợp:

alert(c.toDataURL());

DEMO

Các vấn đề liên quan