Javascript 如何在pdf画布上绘制JSON对象中的数据?
以下是参考代码。 使用pdf.js在画布上呈现pdf文件。 如何在此pdf画布上绘制数据? 这个pdf画布与图像和svg文件有所不同,虽然很明显,但从未找到任何pdf画布文档Javascript 如何在pdf画布上绘制JSON对象中的数据?,javascript,html,canvas,3d,2d,Javascript,Html,Canvas,3d,2d,以下是参考代码。 使用pdf.js在画布上呈现pdf文件。 如何在此pdf画布上绘制数据? 这个pdf画布与图像和svg文件有所不同,虽然很明显,但从未找到任何pdf画布文档 function pdfCanvas(scale){ PDFJS.getDocument('gkhead.pdf').then(function(pdf) { // Using promise to fetch the page pdf.getPage(1).then(functio
function pdfCanvas(scale){
PDFJS.getDocument('gkhead.pdf').then(function(pdf) {
// Using promise to fetch the page
pdf.getPage(1).then(function(page) {
// var scale = 1.5;
var viewport = page.getViewport(scale);
//
// Prepare canvas using PDF page dimensions
//
var canvas = document.getElementById('the-canvas');
var context = canvas.getContext('2d');
//canvas.height = viewport.height;
canvas.height = 800;
//canvas.width = viewport.width;
canvas.width = 800;
//
// Render PDF page into canvas context
//
var renderContext = {
canvasContext: context,
viewport: viewport
};
page.render(renderContext);
});
});
}
看起来您使用的只是一个普通的html画布。请尝试查看这些资源,了解如何使用canvas。及 我没有使用过PDFJS,但根据您的示例代码,我假设您在画布对象中所做的任何绘图或图形都将显示在您的pdf中