تبدیل صفحه وب به pdf

پیش از این در مقاله پرینت از صفحه HTML بررسی کردیم که چگونه بدون استفاده از هیچگونه افزونه ای از بخشی از صفحات پرینت بگیرید یا آن را با فرمت پی دی اف ذخیره کنید اما در این مقاله می خواهیم شما را با افزونه Print.js آشنا کنیم که کار تبدیل صفحه وب به pdf را انجام می دهد. یکی از مزیت های مهم استفاده از این پلاگین پرینت صحیح Canvas ها و عکس های درون صفحه Html ما می باشد.

تبدیل صفحه وب به pdf

 

معرفی پلاگین Print.js

افزونه Print.js در واقع یک پلاگین حرفه ای و بسیار ساده جهت پرینت گرفتن از صفحات وب برای برنامه نویسان می باشد. در سایت رسمی این افزونه مثال های متنوعی زده شده است که می مشاهده کنید:

  https://printjs-4de6.kxcdn.com/print.min.js
  https://printjs-4de6.kxcdn.com/print.min.css

 

خروجی صفحه وب به pdf در JQuery

به مثال زیر توجه کنید یک صفحه برای شما در نظر گرفته شده و با استفاده از کتابخانه Chart.js یک نمودار در آن ترسیم شده است. می خواهیم از تگ body این صفحه یک پرینت با فرمت پی دی اف تهیه کنیم. لازم به ذکر است بهترین نتیجه در مرورگر کروم قابل مشاهده است.

کدهای HTML صفحه:

<body id="myElement">
<div id="header">
  <h1>کار با Print.js - آموزشگاه آنلاین فرازگر</h1>
</div>
 
<div class="chart">
  <canvas id="myChart"></canvas>
</div>

 <button onclick="prt()">Print</button> 

</body>

فعال سازی پلاگین:

function prt(){
  printJS('myElement', 'html')
}

توضیحات کد:

  • در تگ بادی صفحه id=”myElement” داده شده است.
  • یک دکمه با رویداد onclick=Ptr() تعریف شده است که با کلیک بر روی آن تابع پرینت فعال گردد.
  • در function prt نام آی دی body پاس داده شده است.
  • نتیجه را می توانید مشاهده کنید.

از این که ما را در مقاله تبدیل صفحه وب به pdf از شما سپاس گذاریم.

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *