Canvas toDataUrl（）在画布元素上失败

我用angular生成二维码

这可以工作并生成QR码

<canvas class="qrcode" height="200" width="200"></canvas>

我试图通过toDataUrl（）抓取生成的图像来打印此QR码，但这会使我的应用程序崩溃（我无法获得具体错误，angular只是说在添加toDataUrl时我的控制器函数未定义）

var printContents=document.getElementsByClassName（“qrcode”）；
console.log（printContents[0]）；//
var元素=打印内容[0]；
var img=element.toDataUrl（）//这架飞机坠毁了

---

不确定哪里出了问题，有什么想法吗？

这里的问题仅仅是一个小小的打字错误：

---

element.toDataUrl（）

应该改为

element.toDataUrl（）

。

试试.toDataUrl（）而不是。谢谢kasoban，我想是时候离开我的键盘几个小时了：）一直发生在我身上。在那里，我因为行为怪异而在IDE前怒气冲冲地坐了20分钟，然后我意识到我在指令名上犯了一个愚蠢的错误。你能在下面将此作为答案发布，这样我就可以将此问题标记为已解决吗？：）

var printContents = document.getElementsByClassName("qrcode");
console.log(printContents[0]); // <canvas class="qrcode" height="200" width="200"></canvas>
var element = printContents[0];
var img = element.toDataUrl(); //this crashes angular