اذهب إلى المحتوى

السؤال

Recommended Posts

  • 0
نشر

إن PDF أفضل من الصور بالدقة، 

يمكنك الاعتماد على مكتبة jsPDF وطريقة عملها:

  • جزء HTML المراد تحويله له id فريد
<div id="content">
     <h3>مرحبا، رسالة ترحيبية</h3>

    <p>هذا النص سوف نقوم بتحويله إلى ملف PDF</p>
</div>

<div id="editor"></div>
<button id="cmd">إنشاء PDF</button>
  • شيفرة جافا سكربت:
إنشاء غرض من المكتبة
var doc = new jsPDF();

// عند أمر النقر على الزر
// fromHTML 
// هي الدالة التي تحول المضمون

$('#go').click(function () {
    doc.fromHTML($('#content').html(), 15, 15, {
        'width': 170,
    });
    doc.save('myFile.pdf');
});
  • تضمين المكتبة
<script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/2.5.1/jspdf.umd.min.js"></script>
  • 15 - 15 هي أبعاد الورق و width عرض المحتوى

توثيق المكتبة  jsPDF

حل آخر هو مكتبة printThis.

يمكنها تطبيق دالة على محدد للعنصر المطلوب بالطريقة:

$('selector').printThis();

 

  • 0
نشر
بتاريخ 51 دقائق مضت قال Wael Aljamal:

إن PDF أفضل من الصور بالدقة، 

يمكنك الاعتماد على مكتبة jsPDF وطريقة عملها:

  • جزء HTML المراد تحويله له id فريد

<div id="content">
     <h3>مرحبا، رسالة ترحيبية</h3>

    <p>هذا النص سوف نقوم بتحويله إلى ملف PDF</p>
</div>

<div id="editor"></div>
<button id="cmd">إنشاء PDF</button>
  • شيفرة جافا سكربت:

إنشاء غرض من المكتبة
var doc = new jsPDF();

// عند أمر النقر على الزر
// fromHTML 
// هي الدالة التي تحول المضمون

$('#go').click(function () {
    doc.fromHTML($('#content').html(), 15, 15, {
        'width': 170,
    });
    doc.save('myFile.pdf');
});
  • تضمين المكتبة

<script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/2.5.1/jspdf.umd.min.js"></script>
  • 15 - 15 هي أبعاد الورق و width عرض المحتوى

توثيق المكتبة  jsPDF

حل آخر هو مكتبة printThis.

يمكنها تطبيق دالة على محدد للعنصر المطلوب بالطريقة:


$('selector').printThis();

 

هل انت متاكد من الكود؟ جربته للتو فهو لا يعمل لدي، ويظهر الخطا التالي 


        
       Uncaught ReferenceError: jsPDF is not defined

  • 0
نشر
بتاريخ الآن قال Shahad Mohammad:

هل انت متاكد من الكود؟ جربته للتو فهو لا يعمل لدي، ويظهر الخطا التالي 

تأكدي من تضمين المكتبة كما الرابط المرفق، وإن التضمين يتم قبل استخدام المكتبة لنضمن أنه تم تحميلها

 

انضم إلى النقاش

يمكنك أن تنشر الآن وتسجل لاحقًا. إذا كان لديك حساب، فسجل الدخول الآن لتنشر باسم حسابك.

زائر
أجب على هذا السؤال...

×   لقد أضفت محتوى بخط أو تنسيق مختلف.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   جرى استعادة المحتوى السابق..   امسح المحرر

×   You cannot paste images directly. Upload or insert images from URL.

  • إعلانات

  • تابعنا على



×
×
  • أضف...