DIV to PDF, Iframe to PDF using JavaScript Only (with CSS & Images Support)

Поділитися
Вставка
  • Опубліковано 3 гру 2024

КОМЕНТАРІ • 29

  • @mohammadadnan9789
    @mohammadadnan9789 Рік тому +2

    Perfect explanation. Been trying to do it for a while now. Couldn't find a good resource that explains it well. Well, finally I got to understand how it works. Thanks a lot, man! Wish you health! ❤

  • @niltonc.7333
    @niltonc.7333 11 місяців тому +3

    Thanks so much for your video, what really helped me the most was about the correct versions of JSPDF and HTM2CANVAS, saying that i wiould also say that the PDF files for one page A4 even reducing the coordinates where never < 20MB in size, I change the PNG format to JPEG in both JSPDF and HTM2CANVAS and the file went down to 400Kb - just a tip!

  • @mohammedal-muallim2028
    @mohammedal-muallim2028 Рік тому +1

    perfect this is what i have been looking for
    one question please , how to send the same PDF created (or same content) to the printer ?

  • @gencomer
    @gencomer Рік тому +1

    nice explanation, thanks

  • @toptopmovie10
    @toptopmovie10 Рік тому

    best work sir i need file download without i frame because when i download i fram style not proper shows in report

  • @fernandolucena6964
    @fernandolucena6964 Рік тому +1

    eres el mejor

  • @mrdark4482
    @mrdark4482 2 роки тому +2

    thanks man got answer of a great headache

  • @AkshitAggarwal-lm7kz
    @AkshitAggarwal-lm7kz Рік тому +1

    Images was not appearing in my pdf but then I converted it into base 64 then eveyrthing seems to be working fine. Thanks a lot man !!

    • @vivek5147
      @vivek5147 Рік тому

      still, I am facing an error in showing image

  • @newtoncreation3428
    @newtoncreation3428 Рік тому +1

    Thank you sir😊

  • @bala-st9cj
    @bala-st9cj 2 роки тому +1

    Html2canvas decrease quality and exact size of @page size will not work

    • @webstylepress
      @webstylepress  2 роки тому

      Need to play with the width and height to get the good quality.

  • @prathutech3830
    @prathutech3830 11 місяців тому

    hello bro in this method hyperlink or url work after converting pdf

  • @shwetankjoshi3011
    @shwetankjoshi3011 2 роки тому +1

    Sir can you tell me how can I send the pdf of web page directly to the mail using JS.

    • @webstylepress
      @webstylepress  Рік тому +1

      There are a few different ways you can send the PDF of a web page directly to an email using JavaScript:
      - Use a third-party API: There are several APIs available that allow you to generate a PDF of a web page and send it via email. For example, the PDF.js API allows you to generate a PDF of a web page and send it as an attachment in an email.
      - Use the html2canvas and jspdf libraries: You can use the html2canvas library to take a snapshot of a web page and convert it to a canvas element, and then use the jspdf library to convert the canvas element to a PDF. You can then use the Email.js library or the Mailto link to send the PDF as an attachment in an email.
      - Use the window.print() function: You can use the window.print() function to print the current web page to a PDF, and then use the Email.js library or the Mailto link to send the PDF as an attachment in an email.

  • @kutulloletageng1069
    @kutulloletageng1069 Рік тому

    Can you generate interactive pdf that is responsive using JavaScript?

  • @easypeasy9107
    @easypeasy9107 7 місяців тому

    i have multiple data in div and in second page data is cutting off in 2nd and other pages

    • @VIRAJFF
      @VIRAJFF 5 місяців тому

      Copy karke 1st page pe aake display none krdo

  • @raymarkado2526
    @raymarkado2526 Рік тому

    How do I print scrollable div?

    • @webstylepress
      @webstylepress  Рік тому +1

      I have multiple methods to generate PDF on the channel. plz search and see what fits your needs.

  • @x_y_e_n
    @x_y_e_n Рік тому

    Can you please tell me your vscode theme name I'm really fan of pitch black dark themes

  • @uniquegaming8100
    @uniquegaming8100 2 роки тому

    Bro which vs code theme??

  • @aabirsabil4393
    @aabirsabil4393 2 роки тому +1

    Top

  • @engchoontan8483
    @engchoontan8483 10 місяців тому

    I treat PDF as zip, bz2, arj, ...
    IF Apache web-server or MS IIS or ... is configured to serve PDF and browser have PDF plug-in, then the webpage-script to PDF is pack-compress for delivery efficiency.
    JS in old and newer, are prone to china-hackers...

    • @engchoontan8483
      @engchoontan8483 10 місяців тому

      File-manager nautilus gets-renders HTML. File downloaders... Nowadays the lines are blured and the desktop should be X with libraries in theme or browser plug-in without windowing(remote PC - VNC, browser-OS GUI).

    • @engchoontan8483
      @engchoontan8483 10 місяців тому

      Matching pairing
      Server desktop to client-desktop(browser as container - VM)
      Server theme to client-theme(window-browser-window, tab, translate theme to theme)