在HTML页面中的PDF文档上添加触摸目标

Jos*_*unt 2 html javascript pdf

我希望为我拥有的一组PDF文件添加一定程度的交互性,并希望在网页中嵌入PDF文档,然后覆盖触摸目标,我可以对它们进行操作.

实现这一目标的最佳方法是什么?我简要介绍了Mozilla的pdf.js,但更多的是关注PDF阅读器,并且平板电脑的性能低迷.

有没有可靠的PDF到HTML库/转换器可以帮助我?PDF是相当基础的.或多或少只是网格中的一堆图像(可在PDF中单独选择).

目前我在Photoshop中打开PDF,将其切片,然后将其导出为HTML表格,但我希望有一些更容易做的事情

dav*_*ell 7

我没有看到围绕服务器端解决方案的方法.以下是我将如何使用ImageMagick在PHP中执行此操作:

<?php
$someFile = $_GET['pdf'];
try
{
    // Saving every page of a PDF separately as a JPG thumbnail
    $images = new Imagick($someFile);
    foreach($images as $i=>$image) {
        $desiredWidth = 1024;
        $image->thumbnailImage($desiredWidth,0);
        // Save the file to disk
        //$image->writeImage("page".$i.".jpg");
        // Or display it from this script:
        header('Content-Type: image/jpg');
        echo $image;
    }
    $images->clear();
}
catch(Exception $e)
{
    echo $e->getMessage();
}
?>
Run Code Online (Sandbox Code Playgroud)

如果您的PDF是单个页面,那么该脚本只会创建一个文件,或者如果您回显$ image,那么它只会将该页面显示为JPG(或PNG或您想要的任何内容).然后,您可以根据需要将脚本标记为IMG:

<img src="myscript.php?pdf=somefile.pdf"/>
Run Code Online (Sandbox Code Playgroud)

现在,您可以将PDF所需的任何HTML作为图像.