javascript - HTMLCanvasElement 没有方法 'toDataUrl'

标签 javascript html canvas data-url

我正在尝试从 Canvas 中获取 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>

它又是伪装的安全功能吗?还是我只是愚蠢...

提前致谢

最佳答案

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

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

DEMO

关于javascript - HTMLCanvasElement 没有方法 'toDataUrl',我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10268133/

相关文章:

php - 在域/子域上设置 cookie

java - Android 上的 webGL 替代品

javascript - 如何在 symfony 中反序列化查询序列化形式

html - 页面中的 CSS 位置可能性

javascript - 我如何调整大小,然后使用 react-redux 渲染到 Canvas

java - 一直坚持使用 Java Swing Timer

javascript - 如何在casperjs中导入其他js文件

html - 从具有每日存档的静态 HTML/CSS 单页站点创建可搜索存档

html - CSS 填充顶部 : 100% uses width of parent?

javascript - clearRect 不工作