Я успешно отображал изображения на странице html, используя приведенный ниже пример кода:
<!DOCTYPE html>
<html lang="en">
<head>
<base href="https://localhost/chapter-14/">
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Print using DocRaptor Demo</title>
<script src="https://docraptor.com/docraptor-1.0.0.js"></script>
<script>
var downloadPDF = function() {
DocRaptor.createAndDownloadDoc("YOUR_API_KEY_HERE", {
test: true, // test documents are free, but watermarked
type: "pdf",
document_content: document.getElementById('doto').innerHTML,
javascript: true, // enable JavaScript processing
prince_options: {
media: "screen", // use screen styles instead of print styles
}
})
}
</script>
</head>
<body>
<input id="pdf-button" type="button" value="Download PDF" onclick="downloadPDF()" />
<div id="doto">
<img src="pictures/10101001.jpg" alt="Stickman">
<img src="http://localhost/chapter-14/images/MtMwkBX.png"/>
</div>
</body>
</html>
Моя цель - визуализировать изображения в формате pdf, который не работает после нажатия кнопки «Загрузить PDF». Если возможно, мне нужна помощь.