如何显示从api返回的PDF？

<object data="url_to_pdf" type="application/pdf" width="100%" height="600px">
    <p>您的浏览器不支持嵌入PDF，请下载以查看：<a href="url_to_pdf">下载PDF</a></p>
</object>

<iframe src="url_to_pdf" width="100%" height="600px"></iframe>

// 引入PDF.js库
<script src="pdf.js"></script>

// 在HTML中创建一个容器用于显示PDF
<div id="pdf-container"></div>

// 使用JavaScript加载和显示PDF
<script>
    // 获取PDF文件的URL
    var pdfUrl = "url_to_pdf";
    
    // 使用PDF.js库加载并渲染PDF
    PDFJS.getDocument(pdfUrl).then(function(pdf) {
        // 获取PDF的第一页
        pdf.getPage(1).then(function(page) {
            var canvas = document.createElement("canvas");
            var context = canvas.getContext("2d");
            var viewport = page.getViewport(1);
            
            // 设置canvas的尺寸
            canvas.width = viewport.width;
            canvas.height = viewport.height;
            
            // 将PDF的内容绘制到canvas上
            page.render({
                canvasContext: context,
                viewport: viewport
            });
            
            // 将canvas添加到容器中显示
            document.getElementById("pdf-container").appendChild(canvas);
        });
    });
</script>