Html2canvas: वर्ड-रैप: ब्रेक-वर्ड काम नहीं कर रहा है

को निर्मित 25 अग॰ 2015 · 23टिप्पणियाँ · स्रोत: niklasvh/html2canvas

वर्ड -रैप: ब्रेक-वर्ड तब काम नहीं कर रहा है जब टेक्स्ट बिना किसी सफेद स्पेस के बहुत लंबा हो।

जैसे <div style=" width:30px;height :100px;word-rap :break-word; ">aaaaaaaaaaaaaaa</div>

Feature

स्रोत

hanc1208

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

मैंने इसे सुलझा लिया था।

परिवर्तन

var textList = (!this.options.letterRendering || noLetterSpacing(container)) && !hasUnicode(container.node.data) ? getWords(characters) : characters.map(function(character) {
   return punycode.ucs2.encode([character]);
});

प्रति

var textList = characters.map(function(character) {
  return punycode.ucs2.encode([character]);
});

love-everyday 12 सित॰ 2017

👍6

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

क्या आप वाकई वर्ड -रैप: ब्रेक-वर्क का उपयोग कर रहे हैं? यह वास्तव में बुरा है जब यह तोते को तोते में बदल देता है या उदाहरण के लिए पूजा को खराब कूल्हे में बदल देता है। मुझे अभी तक इसके लिए उपयोग करने योग्य उपयोग नहीं मिला है, लेकिन यह आकर्षक है जब सीएसएस में अधिकतम-फ़ॉन्ट या आकार में बल जैसी कोई चीज़ नहीं है।

programmin1 25 अग॰ 2015

मुझे पता है लेकिन यह फंक्शन मेरी सेवा के लिए बहुत जरूरी है।

उपयोगकर्ता का विचार है
एएए
एएए
एएए
लेकिन खींची गई तस्वीर है
आआ आआआआआआआआआआआआआआआ

यह उपयोगकर्ताओं के लिए बहुत अस्पष्ट है।

hanc1208 12 सित॰ 2015

हमें यह समस्या हो रही है। हम एक एचटीएमएल/टेक्स्ट एडिटर का उपयोग कर रहे हैं जो ब्रेक-वर्ड का उपयोग करता है जब कोई शब्द उपलब्ध चौड़ाई से लंबा होता है और उसे स्वचालित रूप से तोड़ा जाना होता है। लेटररेंडरिंग सक्षम के साथ html2canvas का उपयोग करने के बाद हम जो प्रतिपादन देखते हैं वह मेल नहीं खाता। कई बार, टेक्स्ट की लाइन को बिना किसी रैपिंग के एक लाइन से नीचे की ओर प्रस्तुत किया जाता है।

snarkitect 24 सित॰ 2015

हम भी इसी मुद्दे का सामना कर रहे हैं।

sureshotday 29 सित॰ 2015

@savokiss क्या आप पुल अनुरोध बना सकते हैं जो विकल्प निर्दिष्ट होने पर ऑटो-रिप्लेसिंग करता है?

hanc1208 13 नव॰ 2015

मैं गलत मुद्दे का उत्तर दे सकता हूं, यह मेरा समाधान है #83
@ hanc1208 मेरा समाधान उपरोक्त मुद्दे के लिए है और इसे इस रेपो के स्रोत कोड को संपादित करने की आवश्यकता नहीं है।

savokiss 13 नव॰ 2015

मेरा एक ही सवाल है

flftfqwxf 23 नव॰ 2015

इस मुद्दे के बारे में कोई खबर? मैंने परीक्षण के लिए, html2canvas.js फ़ाइल के नवीनतम संस्करण का उपयोग किया और मुझे अभी भी वही समस्या है :(

mariusbike1983 18 दिस॰ 2015

मैं वास्तव में इस मुद्दे का परीक्षण करना चाहता था और वास्तव में यह आधिकारिक पृष्ठ पर परीक्षण-कंसोल के साथ भी पुन: प्रस्तुत किया गया प्रतीत होता है। मैंने http://mariusbike83.wix.com/test1 पर स्थित एक बहुत ही सरल वेबपेज बनाया है। इस पृष्ठ में केवल कुछ फ़ील्ड और एक बहुत लंबी स्ट्रिंग वाला टेक्स्ट-क्षेत्र है (इसे तोड़ने के लिए रिक्त स्थान के बिना)। जब इसे html2canvas लाइब्रेरी के साथ प्रस्तुत किया जाता है, तो आप देखेंगे कि स्ट्रिंग एक-पंक्तिबद्ध है।

क्या किसी को इस समस्या का समाधान मिला है?

(बीटीडब्ल्यू, आधिकारिक परीक्षण कंसोल https://html2canvas.hertzen.com/screenshots.html पर स्थित है और "जावास्क्रिप्ट अक्षम करें" चेकबॉक्स को अनचेक करना सुनिश्चित करें)

mariusbike1983 27 दिस॰ 2015

मेरे आवेदन के लिए, मैंने 0.5.0-alpha1 से v0.4.1 तक डाउनग्रेड किया और यह काम करने लगा, इसलिए मैं बस उस संस्करण का उपयोग करने जा रहा हूं। मैंने पूरी तरह से परीक्षण नहीं किया है, लेकिन निश्चित रूप से पात्रों के लंबे तार ठीक से लिपटे हुए हैं। यह देखने के लिए प्रयास करें कि क्या यह समस्या का समाधान करता है; हालांकि संस्करणों में बड़े अंतर के कारण प्रक्रिया में अन्य बग पेश किए जा सकते हैं।

codefactor 27 दिस॰ 2015

🎉1

jQuery द्वारा स्पैन टैग के साथ प्रत्येक वर्ण को मैन्युअल रूप से कैसे तोड़ें?

okitty 26 अग॰ 2016

लेटररेंडरिंग सेट टू ट्रू ने मेरे लिए काम किया ....
html2canvas विकल्प दस्तावेज़: https://html2canvas.hertzen.com/documentation.html

wayrex 2 नव॰ 2016

👍2

क्या v0.4.1 ... का उपयोग किए बिना इस समस्या को हल करने का कोई तरीका नहीं है?

SatoshiKawabata 8 जून 2017

👍1

हाय @SatoshiKawabata , क्या आपने @wayrex द्वारा सुझाए गए विकल्प letterRendering: true का उपयोग करने का प्रयास किया?

eKoopmans 8 जून 2017

@eKoopmans मैंने कोशिश की लेकिन यह भी काम नहीं किया।

SatoshiKawabata 9 जून 2017

@eKoopmans @SatoshiKawabata मैं पुष्टि कर सकता हूं कि बीटा ते लेटर पर रेंडरिंग भी काम नहीं करता है। पुराने 0.4.1 संस्करण पर लगता है कि यह काम करता है लेकिन बीटा नंबर पर।

gelinger777 13 जून 2017

@gelinger777 मैं इसे npm द्वारा उपयोग करना चाहता हूं इसलिए मैंने एक मुद्दा #1143 जोड़ा। मुझे इंतजार करना चाहिए।

SatoshiKawabata 13 जून 2017

मैंने इसे सुलझा लिया था।

परिवर्तन

var textList = (!this.options.letterRendering || noLetterSpacing(container)) && !hasUnicode(container.node.data) ? getWords(characters) : characters.map(function(character) {
   return punycode.ucs2.encode([character]);
});

प्रति

var textList = characters.map(function(character) {
  return punycode.ucs2.encode([character]);
});

love-everyday 12 सित॰ 2017

👍6

@ प्यार-हर रोज आपको एक पीआर बनाना चाहिए

CodyMoore240 12 सित॰ 2017

@ CodyMoore240 इसे पहले ही 1.0.0-alpha.1 . में हल कर लिया गया था

love-everyday 13 सित॰ 2017

थैंक यू विल फोर्क।

CodyMoore240 13 सित॰ 2017

शब्द को तोड़ने से पहले मैंने इसे <i></i> जोड़कर तय किया, और ऐसा लगता है

<p class="punch-card-info-word">
         <i></i>statutestatutestatutestatutestatutestatutestatutestatutestatutestatutestatutestatute
</p>

wangyupo 29 जन॰ 2019

5 साल पहले शुरू हुआ यह मुद्दा... और गिनती:
मैं दुनिया के साथ साझा करना चाहता हूं कि मुझे इस कष्टप्रद बग को दूर करने का एक तरीका मिल गया है,
मैंने टेक्स्टरेरा इनपुट से टेक्स्ट लिया:

var txt = modal_dialog_text_area_input.value;
फिर मैंने व्हाइटस्पेस को संरक्षित करने के लिए प्रत्येक व्हाइटस्पेस को निम्नलिखित मार्कअप से बदल दिया। कौन सा html2canvas करने में विफल रहता है, और हम बिस्तर के बजाय सुबह 3:00 बजे खुद को यहां क्यों पाते हैं:

paragraphElement.innerHTML = txt.replace(/\s/g, '<span> </span>');

अब पैराग्राफ अच्छा लग रहा है और html2canvas जो स्क्रीनशॉट लेता है वह ठीक है।

एक और बात: पैराग्राफ तत्व में निम्नलिखित सीएसएस नियम होने चाहिए:

    word-break: break-word;
    white-space: normal;

आप सब ध्यान रखें

omeriko 30 मई 2020

❤1 🎉1

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

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

Html2canvas: वर्ड-रैप: ब्रेक-वर्ड काम नहीं कर रहा है

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

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

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