نظرياً هذا ممكن، لكن التجربة خير برهان (والتجربة عليك)

..

عليك تقسيم العملية إلى خطوات

ستستخدم html5 canvas كمساحة الرسم "أرضية أو لوحة"

وستستخدم javascript في كل شيء آخر

..

هنا عليك الاختيار بين انشاء ملف pdf جديد كل مرة ويكون هو الأصل (نقطة البداية)

أو إن كنت ترغب في الكتابة على ملف pdf معد مسبقا (كتعديل)

في الحالة الأولى ستستخدم canvas جديدة

أما في الحالة الثانية فستحتاج إلى افراغ محتوى ملف pdf في canvas جديدة بصيغة صورة img ثم الرسم عليها

هذه الحالة معقدة ويجب مراعاة حجم مساحة الرسم بحيث تكون مساوية لأبعاد ملف pdf الأصلي وبدون زووم ولا اقتطاع للهوامش وغيرها من الحسابات التي تعرفها

..

الآن لم يتبقى إلا تصدير الرسم إلى ملف pdf

وهكذا انتهى النظري :)

..

الأدوات :

1: مكتبة الرسم بالماوس

https://github.com/williammalone/Simple-HTML5-Drawing-App

أو

http://intridea.github.io/sketch.js/

..

..

إضافات

  • http://scrawl.rikweb.org.uk/

  • http://fabricjs.com/

  • http://paperjs.org/

  • http://perfectionkills.com/exploring-canvas-drawing-techniques/

.

.

2: مكتبة تصدير وانشاء ملف PDF

  • https://github.com/MrRio/jsPDF

  • Demo http://mrrio.github.io/jsPDF/

.

.

أبقنا على اطلاع بالنتائج

شكرا جدا على الرد، كان يدور في عقلي حل شبيه بالذي قلته، و لكن ردك جعل كل شيء واضح.

أبقنا على اطلاع بالنتائج

ان شاء الله


برمجة

المواضيع والنقاشات المتعلقة بالبرمجة بشكل عام او لغات البرمجة التي لايوجد لها مجتمعات فرعية.

16.4 ألف متابع