如何在html中显示外部pdf

<embed src="path/to/your.pdf" type="application/pdf" width="100%" height="600px" />

<iframe src="path/to/your.pdf" width="100%" height="600px"></iframe>

<script src="path/to/pdf.js"></script>
<script>
    // 加载并显示PDF文件
    var pdfUrl = 'path/to/your.pdf';
    PDFJS.getDocument(pdfUrl).then(function(pdf) {
        var pageNumber = 1;
        pdf.getPage(pageNumber).then(function(page) {
            var canvas = document.getElementById('pdf-canvas');
            var context = canvas.getContext('2d');
            var viewport = page.getViewport(1);
            canvas.width = viewport.width;
            canvas.height = viewport.height;
            page.render({ canvasContext: context, viewport: viewport });
        });
    });
</script>
<canvas id="pdf-canvas"></canvas>