Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/460.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/wordpress/11.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 在HTML页面中的PDF文档上添加触摸目标_Javascript_Html_Pdf - Fatal编程技术网

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

Javascript 在HTML页面中的PDF文档上添加触摸目标,javascript,html,pdf,Javascript,Html,Pdf,我希望在我拥有的一组PDF文件中添加一定程度的交互性,并希望在网页中嵌入一个PDF文档,然后将触摸目标覆盖到我可以在其上进行弹出式操作 实现这一点的最佳方式是什么?我简要介绍了Mozilla,但它更侧重于作为一个完全基于PDF的阅读器,并且在平板电脑上的性能很差 是否有可靠的PDF到HTML库/转换器可以帮助我?PDF是相当基本的。网格中或多或少只是一组图像(在PDF中可以单独选择) 目前,我正在Photoshop中打开PDF文件,将其切片,然后将其导出为HTML表格,但我希望能做一些更简单的事

我希望在我拥有的一组PDF文件中添加一定程度的交互性,并希望在网页中嵌入一个PDF文档,然后将触摸目标覆盖到我可以在其上进行弹出式操作

实现这一点的最佳方式是什么?我简要介绍了Mozilla,但它更侧重于作为一个完全基于PDF的阅读器,并且在平板电脑上的性能很差

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

目前,我正在Photoshop中打开PDF文件,将其切片,然后将其导出为HTML表格,但我希望能做一些更简单的事情,我建议您使用。它允许您通过拍摄“屏幕快照”(简单的解释)来处理任何动态转换为pdf格式的web内容。例如,您可以像在任何网站上一样编写自己的html模板,然后用自定义数据填充它。您可以使用它生成例如发票。我现在已经用了几个月了,没有任何问题

它的简单shell实用程序使用webkit渲染引擎和qt将html转换为pdf。以及cource的开源

例如:

wkhtmltopdf www.myhomepage.com myhomepage.pdf

我看不出有什么办法可以绕过服务器端解决方案。下面是我将如何使用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();
}
?>

如果您的PDF是一个单独的页面,那么该脚本将只创建一个单独的文件,或者如果您回显$image,那么它将只将该页面显示为JPG(或PNG或任何您想要的格式)。然后,您可以根据需要在其周围标记HTML,方法是将脚本包含为IMG:

<img src="myscript.php?pdf=somefile.pdf"/>


现在,您可以在PDF中使用任何HTML作为图像。

几年前,我实现了一个名为PDFWebViewer.NET的商业解决方案,可以在浏览器中查看PDF。它使用服务器端图像呈现(.NET)和HTML和javascript客户端

我认为这是在浏览器中不需要任何插件就可以查看PDF的最接近的地方。因为它都是HTML,所以您可以使用div覆盖页面,并使用javascript将操作连接到div。事实上,这就是产品在PDF文档中呈现链接的方式

这非常有效,因为通过使用相对定位,您可以确保在平移文档时链接保持在正确的位置

该项目最近是开源的,但仍然依赖于商业组件。用开源PDF组件替换它应该不需要很多工作


该项目位于codeplex上。是第一代,是最新版本

你的后端语言是什么?PHP?JAVARuby?理想情况下,我希望这种情况发生在客户端,但如果必须的话,我愿意为服务器端解决方案妥协。浏览器需要一个显示PDF文件的插件。你不能在插件上加任何东西。您可以尝试在iframe中加载它(如果用户有这样的插件),但是您无法识别滚动。顺便说一句,这可能是本机实现的:好的,这非常有用。就我而言,这已经足够“客户端”了