javascript - toDataURL 不是函数

Question

我正在尝试生成 Canvas 的网址。以下是我遵循的步骤:

var can = document.getElementsByTagName("canvas");
var src = can.toDataURL("image/png");

当我尝试在 firebug 上运行上面的代码时，它抛出一个错误:

TypeError: can.toDataURL is not a function

我在 ubuntu 上运行 Firefox 8。

Answer 1

getElementsByTagName 返回 NodeList ^[docs] ，不是单个元素。

只需访问列表的第一个元素:

var src = can[0].toDataURL("image/png");

如果您想获取每个 Canvas 的数据 URL，则必须迭代列表。否则，为 Canvas 提供 ID 并使用 getElementById 检索引用可能会更方便。