Hyperlinks

[diegocr]

Hi,

It looks like Hyperlinks aren't supported. Is there any plan to add support for them or some hint on how to do it, ie through a plugin? :$

Thanks in advance for any help you can bring, and needless to say for a great lib.

[MrRio]

Reverse engineering a hyperlink produces this output when uncompress:

3 0 obj
<<
  /Annots [
    <<
      /A <<
        /S /URI
        /Type /Action
        /URI (http://www.google.com/url?q=http%3A%2F%2Fen.wikipedia.org%2Fwiki%2FHyperlink&sa=D&sntz=1&usg=AFQjCNH5FcSa6jKnDjpMwm1M5sc87ixB0Q)
      >>
      /Border [
        0
        0
        0
      ]
      /Rect [
        72
        706.5
        119.25
        719.25
      ]
      /Subtype /Link
      /Type /Annot
    >>
  ]
  /Contents 4 0 R
  /MediaBox [
    0
    0
    612
    792
  ]
  /Parent 2 0 R
  /Resources <<
    /ExtGState <<
      /G0 6 0 R
    >>
    /Font <<
      /F0 7 0 R
    >>
    /ProcSets [
      /PDF
      /Text
      /ImageB
      /ImageC
      /ImageI
    ]
  >>
  /Type /Page
>>
endobj

[MrRio]

I bet most of this can come out, looks like it just draws a box over the text with the action on. I'll have a go at adding it.

[diegocr]

Great, Thank you!

I've been looking around too and found this sample PDF:

http://www.antennahouse.com/XSLsample/pdf/sample-link_1.pdf

Where the link chunk is:

12 0 obj
<<
/Type /Annot
/Subtype /Link
/Rect [ 89.17827 464.13385 235.85307 479.13385 ]
/M (D:20130325152227-05'00')
/Border [0 0  0]
/A << /S /URI /URI (hxxp://www.antennahouse.com/xx.htm) >>
>>
endobj

Thing is, i dunno how to associate that to a word/sentence. Also tried altering some of the Rect values and apparently it changed nothing, which confused me and i gave up since at the end I wasn't sure if that could be implemented through jsPDF, so nice to know it's possible :)

[MrRio]

I reckon we need to take the coordinates of the drawn words and place this object over the top. Which isn't entirely straightforward. Especially if the words span over multiple lines. —
Sent on the run. Apologies for brevity.

On Fri, Jan 31, 2014 at 8:58 PM, Diego Casorran notifications@github.com
wrote:

Great, Thank you!
I've been looking around too and found this sample PDF:
http://www.antennahouse.com/XSLsample/pdf/sample-link_1.pdf
Where the link chunk is:
12 0 obj
<<
/Type /Annot
/Subtype /Link
/Rect [ 89.17827 464.13385 235.85307 479.13385 ]
/M (D:20130325152227-05'00')
/Border [0 0 0]
/A << /S /URI /URI (hxxp://www.antennahouse.com/xx.htm) >>
>>
endobj

Thing is, i dunno how to associate that to a word/sentence. Also tried altering some of the Rect values and apparently it changed nothing, which confused me and i gave up since at the end I wasn't sure if that could be implemented through jsPDF, so nice to know it's possible :)

Reply to this email directly or view it on GitHub:
#170 (comment)

[MrRio]

Or there's a rich text object type that can include A tags I think —
Sent on the run. Apologies for brevity.

On Fri, Jan 31, 2014 at 8:58 PM, Diego Casorran notifications@github.com
wrote:

Great, Thank you!
I've been looking around too and found this sample PDF:
http://www.antennahouse.com/XSLsample/pdf/sample-link_1.pdf
Where the link chunk is:
12 0 obj
<<
/Type /Annot
/Subtype /Link
/Rect [ 89.17827 464.13385 235.85307 479.13385 ]
/M (D:20130325152227-05'00')
/Border [0 0 0]
/A << /S /URI /URI (hxxp://www.antennahouse.com/xx.htm) >>
>>
endobj

Thing is, i dunno how to associate that to a word/sentence. Also tried altering some of the Rect values and apparently it changed nothing, which confused me and i gave up since at the end I wasn't sure if that could be implemented through jsPDF, so nice to know it's possible :)

Reply to this email directly or view it on GitHub:
#170 (comment)

[diegocr]

I've downloaded a copy of the PDF 1.3 specs from the Adobe site, i'll check if i can figure out how to do it myself, but no promises... in any case, i get what you mean about how it should work, thanks!

For now i've forked your repo and made some fixes as a first attempt getting familiar on how things works internally.

Cheers!

[MrRio]

Thanks for that :)

[diegocr]

Apparently i can't get this to work :(

I've tried - on a quick & dirty way - to hack into .text() to get the coordinates of the word being inserted, and adding that to an object which is later used to construct the Annot at putResources(), diff as follow:

+            putAnnots = function () {
+               for(var k in annots) {
+                   var v = annots[k],
+                       u = v.pop();
+                   newObject();
+                   out('<<');
+                   out('/Type /Annot');
+                   out('/Subtype /' + k);
+                   out('/Rect [ ' + v.join(" ") + ' ]');
+                   out('/A << /S /URI /URI (' + pdfEscape(u) + ') >>');
+                   out('>>');
+                   out('endobj');
+               }
+           },
             putResources = function () {
                 putFonts();
+               putAnnots();
                 events.publish('putResources');
@@ -1227,6 +1246,10 @@ PubSub implementation
             // Using "'" ("go next line and render text" mark) would save space but would complicate our rendering code, templates
+           
+           var _x = (x * k), _y = ((pageHeight - y) * k), _w = (0.84 * 300), _h = (activeFontSize * lineHeightProportion);
+           annots['Link'] = [f3(_x), f3(_y), f3(_x+_w), f3(_y+_h), 'http://example.com/'];
+           console.log('Adding annot: ' + str, annots['Link']);
             // BT .. [...snip..]

Some clue about what i'm missing? :$

[MrRio]

Hmmm. Seems like it's not as straightforward as I thought.

[diegocr]

I still think there should be some kind of association, other than the /Rect values, not sure though. Reading through the document spec was a little puzzle.

I'm sure that shouldn't be much of a headache for someone already experienced working with the PDF spec, so feel free to give it a try yourself when you get a chance, if you don't mind. Thanks!

[ashburnham]

I just added this on to the core jsPDF on my local and it's working. Will make pull request with code when it's a bit more tested.

[diegocr]

@ashburnham Awesome! it'll be quite appreciated that PR :-)

[ashburnham]

Thanks, sorry taken so long. I had to tweak the package to make it play
nicely with Meteor.js so need to change it back first

On 30 June 2014 05:28, Diego Casorran notifications@github.com wrote:

@ashburnham https://github.com/ashburnham Awesome! it'll be quite
appreciated that PR :-)

—
Reply to this email directly or view it on GitHub
#170 (comment).