Html2canvas: CSS द्वारा घुमाए गए पाठ को html2canvas द्वारा कैप्चर नहीं किया जा सकता है

को निर्मित 28 मार्च 2013 · 13टिप्पणियाँ · स्रोत: niklasvh/html2canvas

मैंने सीएसएस का इस्तेमाल किया
।शीर्षक 1 {
-मोज-ट्रांसफॉर्म: रोटेट (270 डिग्री);
-वेबकिट-ट्रांसफॉर्म: रोटेट (270 डिग्री);
-ओ-ट्रांसफॉर्म: रोटेट (270 डिग्री);
-एमएस-ट्रांसफॉर्म: घुमाएं (270 डिग्री);
ट्रांसफॉर्म: रोटेट (270 डिग्री);
फ़िल्टर: प्रोगिड: DXImageTransform.Microsoft.BasicImage (रोटेशन = 4);
}
एक चार्ट के लिए घुमाया गया शीर्षक प्रदर्शित करने के लिए। तो मैं पृष्ठ को 'स्क्रीनशॉट' करने के लिए html2cavas का उपयोग करता हूं, यह घुमाया गया पाठ उचित रूप से प्रदर्शित नहीं हो सकता है। यह एक लंबवत पाठ बन जाता है जिसमें प्रत्येक अक्षर क्षैतिज रूप से रखा जाता है लेकिन एक दूसरे के साथ लंबवत रूप से संरेखित होता है। और यह बदसूरत दिखता है।

Feature

स्रोत

xiangcao

सबसे उपयोगी टिप्पणी

समाधान:
http://www.jjoe64.com/2015/10/html2canvas-and-css-transform-rotate.html

jjoe64 31 अक्तू॰ 2015

❤2 👍2

सभी 13 टिप्पणियाँ

सीएसएस रूपांतरण अभी तक समर्थित नहीं हैं

niklasvh 28 मार्च 2013

जवाब के लिए धन्यवाद। फिर मुझे उस लंबवत पाठ को प्रदर्शित करने या इसके बजाय क्षैतिज रूप से प्रदर्शित करने का एक और तरीका पता लगाना होगा।

xiangcao 29 मार्च 2013

इसका समर्थन कब किया जाएगा इस पर कोई विचार। मुझे यह बहुत बुरा चाहिए (विशेष रूप से css3 matrix3d)

Jelle-S 19 अप्रैल 2013

पाठ सामग्री को एक अवधि में जोड़ने का प्रयास करें। इसने मेरे लिए काम किया। फिर भी न जाने क्यों...

MaitreyJukar 25 जून 2014

@MaitreyJukar टेक्स्ट सामग्री को एक अवधि में लपेटना मेरे लिए काम नहीं करता है, उदास

luck2011 31 जन॰ 2015

क्या किसी को घुमाए गए divs स्क्रीनशॉट के लिए कोई समाधान मिलता है?

checking12 15 सित॰ 2015

समाधान:
http://www.jjoe64.com/2015/10/html2canvas-and-css-transform-rotate.html

jjoe64 31 अक्तू॰ 2015

❤2 👍2

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

brcontainer 2 नव॰ 2015

मैं एक इन्फोग्राफिक प्रदर्शित कर रहा हूं जिसमें छवियां, चार्ट और टेक्स्ट शामिल हैं। चूंकि चार्ट में वर्टिकल टेक्स्ट काम नहीं करता है, मैं जो कर रहा हूं, उनमें से प्रत्येक चार्ट (जो c3 SVG में हैं) को एक कैनवास में बदलने के लिए canvg का उपयोग कर रहा हूं, यहां तक कि एक कदम आगे जाकर उक्त कैनवास को एक छवि में बदलने के लिए। यह डीओएम में किसी भी एसवीजी समूह के लिए पुनरावर्ती रूप से किया जा सकता है।

ffflabs 2 नव॰ 2015

मैं सीएसएस ट्रांसफॉर्म के साथ div को कैसे सहेज सकता हूं: परिप्रेक्ष्य?

Drons2p 7 अग॰ 2016

मैं CSS -webkit-mask-box-image के साथ div को कैसे सहेज सकता हूं: url (http://kz-c2.qiniudn.com/a.svg); ?

zk7035 20 अक्तू॰ 2016

@ zk7035 चूंकि प्रत्येक सीएसएस संपत्ति को समर्थित होने के लिए मैन्युअल रूप से निर्मित करने की आवश्यकता होती है, ऐसे कई गुण हैं जो अभी तक समर्थित नहीं हैं। (https://github.com/niklasvh/html2canvas#browser-compatibility)

विवरण: https://github.com/niklasvh/html2canvas/issues/246

brcontainer 20 अक्तू॰ 2016

रोटेट ने मेरे रूप में काम किया लेकिन एक अवधि के साथ मैंने ऊपर दिए गए उत्तरों में से एक का उपयोग किया। यहाँ मैंने अपनी शैली में क्या किया मैंने एक कक्षा लगाई

।खड़ा {
स्थिति: निरपेक्ष;
बाएं: -50 पीएक्स;
शीर्ष: 0px;
चौड़ाई: 120 पीएक्स;
ऊंचाई: 20 पीएक्स;
फ़ॉन्ट- आकार: 12px;
रंग:#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>

आशा है कि यह किसी की मदद करता है, सलाम

joseiriarte1982 20 अप्रैल 2018

क्या यह पृष्ठ उपयोगी था?

0 / 5 - 0 रेटिंग्स

Html2canvas: CSS द्वारा घुमाए गए पाठ को html2canvas द्वारा कैप्चर नहीं किया जा सकता है

सबसे उपयोगी टिप्पणी

सभी 13 टिप्पणियाँ

संबंधित मुद्दों