Html2canvas: Html2canvas ، تم اقتصاص قماش الرسم عند استخدام تدوير الصورة

مرحبًا @ amine86 ، هذه مشكلة في كيفية تعامل html2canvas مع اقتصاص العناصر المحولة ، والتي بدأت في إصلاحها في طلب السحب هذا . لقد قمت بإنشاء نسخة مبسطة من Fiddle باستخدام html2canvas هنا فقط (وواحدة تستخدم html2canvas الأصلي ، دون إدراج طلب السحب هنا ).

إنها مشكلة صعبة أعتقد أنها تتطلب إعادة كتابة لكيفية إجراء القطع في html2canvas. تمكنت من إصلاح مشكلات transform: translate() ، لكن التدوير مشكلة مختلفة لا يمكنني حلها بنفس الطريقة.

مرحبًا eKoopmans شكرًا جزيلاً لك على مساعدتك ، للأسف لا يمكنني استخدام هذا في مشروعي دون إصلاح مشكلة التدوير هذه ، هل تعلم أن أي مكون إضافي أو برنامج نصي يعمل بشكل جيد يمكنه تحويل html إلى canvas أو html إلى svg؟ حتى الحيلة التي تحتاج إلى شراء الترخيص؟

شكرا لمساعدتك

مرحبًا @ amine86 ، قد
https://developer.mozilla.org/en-US/docs/Web/API/Canvas_API/Drawing_DOM_objects_into_a_canvas

هناك أيضًا rasterizeHTML ، وهو مشابه لـ html2canvas. لم أحاول أيًا منهما كثيرًا ، اسمح لي أن أعرف ما إذا كانا يعملان من أجلك!

مرحبًا ekoopmans

 RasterizeHTML does not work good on some browser,
 I tried to find a solution but without succes for html2canvas, the result is not the same, on each test with a rotate I got a different design,  I think I will switch to try to create my design with imageGD from php librairie,

Anyway I want to thank you for your feedback and helps, thanks my friend,

أخبرني عن شيء ما ، في 0.5.0-beta4 أضفت بعض وظائف الاختبار لهذا الغرض. هل يمكننا معرفة مكان رمز الجزء لمحاولة المساهمة والحصول على بعض النتائج الجيدة؟ شكرا!

مرحبًا CreativForm ، نعم إنها فكرة جيدة ، eKoopmans هل يمكنك مساعدتنا في ذلك؟

مرحبًا ، لست متأكدًا من وظيفة الاختبار التي تصفها. يمكنك مشاهدة العمل الذي قمت به لإصلاح اقتصاص تحويل CSS هنا .

eKoopmans آمل أن تكون بخير ، هل من أخبار عن هذه المسألة؟
هل قمت بالفعل بإضافة إصلاح إلى الوحدة النمطية الخاصة بك html2PDF؟

شكرا لك،

مرحبًا @ amine86 ، أنا

مرحبًا eKoopmans ، شكرًا لك على الرد ، آمل أن تتمكن من حلها قريبًا ، شكرًا على مساعدتك

مرحبًا eKoopmans ، أتمنى أن تكون بخير ، هل هناك أي ترقية لوحدتك "html2PDF" لهذه المشكلة الخاصة بالتناوب؟

شكرا،

لا ، ولكن شكرا على التذكير. ربما لاحظت أنني عدت للتو إلى المشروع بعد توقف طويل. يبدو أن niklasvh أصدر للتو v1.0.0 alpha بالأمس ، والذي قد يحمل بعض الإجابات!

niklasvh إذا كنت تقرأ ، آسف لم أفعل أي شيء للمساعدة في html2canvas. أتمنى أن تسير الأمور على ما يرام!

مرحبا eKoopmans شكرا جزيلا لاستجابتك السريعة ،
نعم ، لقد اختبرت أحدث إصدار ، لكنني لاحظت أنه دائمًا ما يواجه نفس المشكلة عند استخدام التدوير (يتم اقتصاص النتيجة) ،
في هذا الإصدار الأخير ، فاته "مقياس" استخدمته في "html2pdf" ، هل قدمته لإضافته إليه؟

amineeg هل تتحدث عن أحدث إصدار من html2canvas أو html2pdf؟

تمت إضافة الخيار scale في أحدث إصدار من html2canvas ، على الرغم من أنه لا يحتوي على dpi . لم تعالج بعد مشكلة القطع وتحويلات CSS.

eKoopmans نعم أنت على حق ، إنه يحتوي على مقياس ، آمل أن يتم حل مشكلة التدوير هذه قريبًا.
شكرا جزيلا لك على مساعدتك.

لقد واجهت مشكلة القصاصة مع الحجم.
عند القياس إلى صورة أكبر يعمل بشكل جيد (مقياس تحويل fe (1.4))
عند القياس إلى صورة أصغر ، يتم قص الصورة (مقياس تحويل fe (0.6))

مرحبًا eKoopmans ، هل من أخبار بخصوص هذا الموضوع؟ هل يمكننا مساعدتك بطريقة ما لحل مشكلة التناوب هذه؟

مرحباeKoopmansCreativForm،

أي أخبار عن هذا الخطأ؟

شكرا،

مرحبًا amineeg من جانبي لا ، أنتظر eKoopmans لأقول شيئًا. :)

شكرا CreativForm ، eKoopmansniklasvh هل من أخبار عن هذه المسألة؟

eKoopmans أي تحرك بشأن هذه المسألة؟

حاول تمرير النافذة إلى الأعلى باستخدام:

window.scrollTo(0,0);

لقد اختبرت هذا الحل بنفسي ويمكنني أن أؤكد أنه نجح معي - يبدو أنه خطأ في html2canvas.

لست متأكدًا من السبب ، ولكن حتى عندما يكون العنصر خارج الشاشة تمامًا ، فهذه ليست مشكلة. ولكن عدم التمرير على طول الطريق إلى الأعلى هو ما يبدو أنه يتسبب في ظهور صورة قماشية تم التقاطها بشكل متوازٍ عموديًا من خلال مقدار التمرير عليها.

يؤدي هذا إلى الحصول على الارتفاع الصحيح للصورة الناتجة مع البدء في الإزاحة من الأعلى بعدد X من البكسل ، مما يجعل الجزء العلوي من الصورة به مساحة فارغة.

المرجع: https://stackoverflow.com/questions/40349075/html2canvas-image-is-getting-cut