Question

我正在尝试从画布中获取dataUrl，以便在各种元素上使用css background-image。但我总是得到以下错误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>

它是伪装的安全功能吗？或者我只是愚蠢......

提前致谢

Answer 1

您的功能名称不正确。观察案例：

alert(c.toDataURL());

DEMO

HTMLCanvasElement没有方法'toDataUrl'

1 个答案: