@fyne/pdf
Version:
15 lines • 3.17 kB
HTML
<html><head><meta name="viewport" content="width=device-width,initial-scale=1"><link rel="apple-touch-icon" sizes="57x57" href="/apple-icon-57x57.png"><link rel="apple-touch-icon" sizes="60x60" href="/apple-icon-60x60.png"><link rel="apple-touch-icon" sizes="72x72" href="/apple-icon-72x72.png"><link rel="apple-touch-icon" sizes="76x76" href="/apple-icon-76x76.png"><link rel="apple-touch-icon" sizes="114x114" href="/apple-icon-114x114.png"><link rel="apple-touch-icon" sizes="120x120" href="/apple-icon-120x120.png"><link rel="apple-touch-icon" sizes="144x144" href="/apple-icon-144x144.png"><link rel="apple-touch-icon" sizes="152x152" href="/apple-icon-152x152.png"><link rel="apple-touch-icon" sizes="180x180" href="/apple-icon-180x180.png"><link rel="icon" type="image/png" sizes="192x192" href="/android-icon-192x192.png"><link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png"><link rel="icon" type="image/png" sizes="96x96" href="/favicon-96x96.png"><link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png"><link rel="manifest" href="/manifest.json"><meta name="msapplication-TileColor" content="#ffffff"><meta name="msapplication-TileImage" content="/ms-icon-144x144.png"><meta name="theme-color" content="#ffffff"><script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-MXZM3C2');</script><base href="/"><link rel="stylesheet" href="/node_modules/@phuocng/react-pdf-viewer/cjs/react-pdf-viewer.css"/></head><body><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-MXZM3C2" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><a href="./"><h1>Fyneworks PDF Viewer</h1></a><p>This page uses <a href="./fyne.js">fyne.js</a>, all dependencies are lazy-loaded</p><p>The app will render in <code><div class="pdf-inline"></code></p><div style="border: #009 solid 0px; min-height:100px; width:100%; margin:20px; display:block; box-sizing:border-box;"><div class="pdf-inline" data-pdf=""></div></div><p>You can also invoke the app with <code>fwx.fyne.pdf.show({ pdf: "" })</code></p><p><a href="./fyne.js">fyne.js</a> will also use a <code>MutationObserver</code> to render the app any time a new <code><div class="pdf-inline"></code> is added to the DOM<br/><button onclick="addElement()">Add new .pdf-inline</button></p><script>function addElement() {
const newElement = document.createElement('div');
newElement.classList.add("pdf-inline");
newElement.dataset.pdf = "";
newElement.style.height = "200px"
newElement.style.width = "30%"
newElement.style.display = "inline-block"
newElement.style.margin = "10px"
newElement.style.border = "#ccc solid 1px"
document.body.appendChild(newElement);
}</script><br/><br/><hr/><br/><br/></body></html><script src="fyne.js"></script>