toDataUrl() терпит неудачу на холсте элемента

Question

Я использую monospaced.qrcode в угловую для генерации QR-код

это работает и генерирует QRcode

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

Я пытаюсь напечатайте этот QR-код, захватив сгенерированное изображение через toDataUrl(), но это приводит к сбою моего приложения (я не могу получить определенную ошибку, угловой просто говорит, что моя функция контроллера не определена, когда я добавляю toDataUrl)

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 

Не знаете, где это происходит, какие-либо идеи?

Answer 1

Проблема здесь лишь немного опечатка:

element.toDataUrl() должен быть element.toDataURL() вместо этого.