Html2canvas: FontAwesome आइकन केवल फ़ायरफ़ॉक्स में प्रदान नहीं किए गए हैं

क्या आप jsfiddle पर एक उदाहरण सेट कर सकते हैं?

http://jsfiddle.net/3ub69/

कस्टम आइकन फ़ॉन्ट के साथ एक ही समस्या में भाग गया। यह सफारी और क्रोम में काम करता है लेकिन फ़ायरफ़ॉक्स और IE में काम नहीं करता है।

क्या कुछ खुदाई हुई और इसने फ़ायरफ़ॉक्स 26 और IE 11 में काम किया। समस्या निम्न पंक्ति है:

https://github.com/niklasvh/html2canvas/blob/master/src/Parse.js#L951

मैं यह समझाने की कोशिश करूंगा कि ऐसा क्यों हो रहा है। मेरी कुछ धारणाएँ गलत हो सकती हैं इसलिए मुझे ठीक करने के लिए स्वतंत्र महसूस करें।

ऐसा लगता है कि गैर-वेबकिटब्रोज़र में ऑब्जेक्ट जो getComputedStyles द्वारा वापस आ जाता है, केवल ऑब्जेक्ट पर संख्यात्मक गुण { 0: 'fontFamily' } सेट करता है और प्रोटोटाइप पर प्रमुख मूल्य जोड़े { fontFamily: 'fontawesome' } होते हैं। क्योंकि Object.keys for in लूप के साथ Object.hasOwnProperty तरह काम करता है

इसे ठीक करने के लिए आप Object.keys() को बदल सकते हैं, फ़िल्टर विधि और forchach विधि को for in लूप के साथ बदल सकते हैं।

for (var prop in elStyle) {
  if (indexedProperty(prop) && prop !== 'cssText') {
    // Prevent assigning of read only CSS Rules, ex. length, parentRule
    try {
      elps.style[prop] = elStyle[prop];
    } catch (e) {
      h2clog(['Tried to assign readonly property ', prop, 'Error:', e]);
    }
  }
}

कारण है कि मैं prop !== 'cssText' जाँच कर रहा हूं क्योंकि फ़ायरफ़ॉक्स में यह हमेशा एक खाली स्ट्रिंग (बग?) होता है। ऐसा लगता है कि यदि आप उस खाली स्ट्रिंग को छद्म तत्व पर कॉपी करते हैं, तो यह फॉन्टफैमिली को फिर से रीसेट कर देगा।

उम्मीद है की यह मदद करेगा।

@ यह बहुत अच्छा है, हालांकि मैंने अभी भी परीक्षण नहीं किया है, कृपया "पुल अनुरोध" भेजें।

धन्यवाद! : +1:

क्या @Enome ने इस विषय पर कभी कोई अनुरोध किया है? मैं वर्तमान में उनके कोड को वर्कअराउंड के रूप में उपयोग कर रहा हूं।

@fpslater मैंने कभी पुल अनुरोध नहीं किया। अगर मुझे सही से याद है तो मैं html -> कैनवस को बदलने की कोशिश से दूर चला गया और इसके बजाय svg का उपयोग करना शुरू कर दिया।

FontAwesome मेरे लिए क्रोम और फैंटम जेएस जैसे वेबकिट ब्राउज़र में रेंडर करने में भी विफल रहता है

@kmdavis क्या आपने html2canvas v0.5 की कोशिश की है?

वर्तमान में हम html2canvas v0.5.0-Alpha का उपयोग कर रहे हैं

क्या आप jsfiddle पर एक सरल उदाहरण प्रदान कर सकते हैं जहां इस मुद्दे को दोहराया जा सकता है या http://jsfiddle.net/3ub69/52/ आपके लिए काम नहीं करता है?

मुझे भी यह समस्या हो रही है। मैं html2canvas v0.5 में कैसे अपग्रेड करूं? मुझे लगता है कि यह पूछना मूर्खतापूर्ण है, लेकिन मुझे इस रेपो पर ऐसी कोई शाखा या टैग दिखाई नहीं देता है।

अग्रिम में धन्यवाद।

PS मैं gem 'rails-assets-html2canvas और निम्न bower.json फ़ाइल के साथ रेल संपत्ति के माध्यम से html2canvas का उपयोग कर रहा हूं:

{
  "name": "My-App",
  "dependencies": {
    "html2canvas": "https://github.com/niklasvh/html2canvas"
  }
}

Https://rails-assets.org/compenders पर जो कुछ भी मैं देख रहा हूं, उससे केवल संस्करण <= 0.4.1 रेल-परिसंपत्तियों के लिए उपलब्ध हैं। इसलिए मैंने बस अपने app/assets/javascripts/vendor/ फ़ोल्डर में नवीनतम dist / html2canvas.js जोड़ दिए हैं और कुछ समय के लिए इसका उपयोग करेंगे। यह अविश्वसनीय रूप से उपयोगी पुस्तकालय बनाने के लिए धन्यवाद!

@sweetleon आपके द्वारा यहां संशोधित एक के लिए आपके html2canvas.js फ़ाइल को स्वैप करने का प्रयास करें। इसने मेरे लिए काम किया।

https://github.com/fpslater/fix-html2canvas-webkit-font-conversion

@sweetleon ओह कोई बात नहीं, आप पहले से ही एक समाधान मिल गया है ;-)

मुझे भी यही तकलीफ़ है

फॉन्टव्यू के साथ समस्या अभी भी संस्करण 'html2canvas 1.0.0-alpha.12' में होती है

कोई भी समाधान? धन्यवाद

फॉन्टव्यू के साथ समस्या अभी भी संस्करण 'html2canvas 1.0.0-rc.5 में होती है