2017-10-10 56 views
5

現有的PDF文件的亮點文字我已經找到了庫AngularJS - 在前端/瀏覽器

PDF creation

與此庫,可以創建不同風格的PDF文檔。 我的問題是如果有可能使用AngularJS標記現有PDF文件的文本(也可能添加一個指向此標記文本的鏈接)? 還是有任何解決方法來做到這一點?

+0

我認爲,如果PDF已經創建您不能修改,但如果要生成PDF,是的,你可以兩者都做。 – aUXcoder

+0

如果您使用PdfJS來顯示生成的PDF文件,這可能是可能的,但您的預期結果是什麼?該文件是由用戶下載還是上傳到服務器?要不然?請參閱[本主題](https://stackoverflow.com/questions/39722961/how-to-highlight-text-with-pdfjs)和[本圖書館](https://pdf-highlighter.com/docs/Highlighting_PDF_Viewer。 html) –

+0

您可以查看http://rawgit.com/MrRio/jsPDF/master/docs/global.html#addHTML https://cdn.rawgit.com/MrRio/jsPDF/master/examples/html2pdf/showcase_supported_html。 HTML,但它只能在Chrome和Firefox中正常工作,而不是在IE中。如果你想crossbrowser解決方案去html2canvas然後使用jsPDF將該畫布轉換爲pdf – Shantanu

回答

0

這個問題有點過於寬泛 - 不確定「mark」是什麼意思 - 你的意思是以某種方式突出顯示或實際選擇了?

無論如何,首先要找到正確的頁面 - 您可以使用超鏈接中的片段標識符通過page參數鏈接到PDF中的特定頁面。例如

<a href="file.pdf#page=1">page 1</a> 
<a href="file.pdf#page=2">page 2</a> 

如果你想突出一個頁面的特定部分,通過超鏈接,您可以使用highlight參數,注意,您還必須設置爲使用高光參數的頁面。例如

<a href="file.pdf#page=1&highlight=10,10,50,50">page 1 - highlight</a> 

的矩形的值是在一個座標系,其中0,0表示左上整數,其值在順序LT,室溫,頂部,BTM給出。

也可以通過nameddest參數打開PDF文件到「命名目標」,即文檔中的命名部分。例如

<a href="file.pdf#nameddest=mysection">my section</a> 

這很好,因爲如果頁面被插入,刪除等都無所謂,因爲該部分將始終正確鏈接。

你可以閱讀有關Named Destinations here,也是various Parameters for Opening PDF Files