HTMLCanvasElement 没有方法“toDataUrl”答案

【问题标题】：HTMLCanvasElement has no method 'toDataUrl'HTMLCanvasElement 没有方法“toDataUrl”
【发布时间】：2012-04-22 12:59:20
【问题描述】：

我正在尝试从画布中获取 dataUrl 以用作各种元素上的 css 背景图像。但我总是收到以下错误Uncaught TypeError: Object #<HTMLCanvasElement> has no method '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>

这又是变相的安全功能？还是我只是愚蠢...

提前致谢

【问题讨论】：

您可以通过 google 搜索“MDN toDataUrl”找到 Mozilla 文档网络页面以获取此类内容 - google 不区分大小写。
阅读文档。任何文档。 w3.org/TR/html5/the-canvas-element.html#dom-canvas-todataurl
连续 20 小时编码会发生这种情况

标签： javascript html canvas data-url

【解决方案1】：

您的函数名称不正确。观看案例：

alert(c.toData<b>URL</b>());

DEMO

【讨论】：