Html2canvas: لا يمكن التقاط النص الذي تم تدويره بواسطة CSS بواسطة html2canvas

تحويلات css غير مدعومة حتى الآن

شكرا على الرد. يتعين علي بعد ذلك اكتشاف طريقة أخرى لعرض هذا النص الرأسي أو عرضه أفقيًا بدلاً من ذلك.

أي فكرة عن متى سيتم دعم هذا. أنا بحاجة إلى هذا سيئًا نوعًا ما (على وجه الخصوص css3 matrix3d)

حاول إضافة محتوى النص في فترة. عملت معي. ما زلت لا أعرف لماذا رغم ذلك ...

MaitreyJukar محتوى نص التفاف في فترة لا يعمل بالنسبة لي ، حزين

هل يجد أي شخص أي حل لاستدارة لقطة شاشة divs؟

الحل:
http://www.jjoe64.com/2015/10/html2canvas-and-css-transform-rotate.html

@ jjoe64 https://github.com/niklasvh/html2canvas/issues/209#issuecomment -152904727

أعرض رسمًا بيانيًا يحتوي على صور ومخططات ونص. نظرًا لأن النص الرأسي في المخططات لا يعمل ، فإن ما أفعله هو استخدام canvg لتحويل كل من هذه المخططات (الموجودة في c3 SVG) إلى لوحة قماشية ، أو حتى الذهاب خطوة أخرى إلى الأمام لتحويل اللوحة القماشية المذكورة إلى صورة. يمكن القيام بذلك بشكل متكرر لأي مجموعة SVG في DOM.

كيف يمكنني حفظ div باستخدام تحويل CSS: المنظور؟

كيف يمكنني حفظ div باستخدام CSS -webkit-mask-box-image: url (http://kz-c2.qiniudn.com/a.svg) ؛ ؟

@ zk7035 نظرًا لأن كل خاصية CSS تحتاج إلى الإنشاء يدويًا ليتم دعمها ، فهناك عدد من الخصائص التي لم يتم دعمها بعد. (https://github.com/niklasvh/html2canvas#browser-compatibility)

التفاصيل: https://github.com/niklasvh/html2canvas/issues/246

عمل تناوب من لي ولكن مع فترة استخدمت إحدى الإجابات أعلاه. هذا ما فعلته في أسلوبي أضع درسًا

.عمودي {
الموقف: مطلق.
اليسار: -50 بكسل ؛
أعلى: 0 بكسل ؛
العرض: 120 بكسل ؛
الارتفاع: 20 بكسل ؛
حجم الخط: 12 بكسل ؛
اللون: # 333 ؛
تحويل: تدوير (270 درجة) ؛
}

في العنصر الخاص بي ، يكون موضع div نسبيًا مضمنًا وداخل عنصر div مسافة مع فئة رأسية.

<div style="width:100%;float:left;text-align:left;height: 80px;margin-left:25px;border-left:1px solid #000;/*writing-mode: tb-rl;transform: rotate(-180deg);*/height: 100px;font-size:12px;position:relative;"><span class="vertical" style="top:20px;">Articulo No.</span></div>

أتمنى أن يساعد شخص ما ، saludos