Я пытаюсь внедрить файл .PDF на свой сайт с помощью mozilla pdfjs-dist.
Это мой сценарий:
<html>
<head>
<script src="https://cdn.jsdelivr.net/npm/pdfjs-dist@2.0.943/build/pdf.min.js"></script>
</head>
<body>
<canvas id="addjob_pdf_preview"></canvas>
</body>
</html>
<script>
pdfjsLib.getDocument("PDFFILELINK").then(doc => {
doc.getPage(1).then(page => {
var myCanvas = document.getElementById("addjob_pdf_preview");
var context = myCanvas.getContext("2d");
var viewport = page.getViewport(1);
myCanvas.width = viewport.width;
myCanvas.height = viewport.height;
page.render({
canvasContext: context,
viewport: viewport
});
});
});
</script>
Выдает эту ошибку:
TypeError: myCanvas.getContext is not a function
Я создаю реализацию именно после этого урока: PDF.js Tutorial
Я нашел несколько тем на эту тему, но я не могу понять, что не так.
Некоторые ссылались на объяснение Canvas API: Canvas API
Что приводит к большему количеству вопросов, чем ответов.
Привет