HTMLCanvasElement 没有方法 'toDataUrl'

HTMLCanvasElement has no method 'toDataUrl'

本文关键字：toDataUrl 有方法 HTMLCanvasElement      更新时间：2023-09-26

我正在尝试从画布中获取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.toDataURL());

演示

相关文章：