Html2canvas: पृष्ठभूमि छवियों के साथ समस्या

0.4.1 (विकास शाखा में) के साथ तय किया गया प्रतीत होता है। संभवतः #256 . से संबंधित है

क्या आप 0.4.1 के साथ प्रयास कर सकते हैं और देख सकते हैं कि क्या समस्या अभी भी मौजूद है?

नमस्ते। मुझे भी ठीक यही समस्या है। हाँ, समस्या अभी भी 0.4.1 में मौजूद है। पूरी सहायताके लिए शुक्रिया।

मुझे एक ही समस्या हो रही है ... अभी तक कोई समाधान? इस अद्भुत स्क्रिप्ट के लिए धन्यवाद निकलास।

यह कोड प्रस्तुत नहीं करेगा।
डिव क्लास = "एमसी-इमेज" शीर्षक = "" स्टाइल = "बैकग्राउंड- इमेज: यूआरएल ('http://eterni-t.design.s3.amazonaws.com/381/theme-154-original-1.jpg') ); चौड़ाई: 1025 पीएक्स; ऊंचाई: 780 पीएक्स; जेड-इंडेक्स: 9999"

मैंने देखा है कि अगर मैं पृष्ठभूमि-आकार: कवर; मेरी कक्षा = "एमसी-छवि" से यह काम करता है।

@ymorin007 क्या आप Mac और Chrome/Opera/Safari पर हैं और/या नवीनतम कमिट का उपयोग कर रहे

Windows7 क्रोम संस्करण 30.0.1599.101 वर्ग मीटर

अस्थायी फिक्स:

लाइन 2818 से बदलें

ctx.fillStyle = (options.background !== undefined) ? options.background : parsedData.backgroundColor;

यह निश्चित रूप से पृष्ठभूमि-आकार के दो विकल्पों से संबंधित है: शामिल या कवर।

नवीनतम प्रतिबद्धता (html2canvas 0.4.1) ने इसे मेरे लिए तय किया

नवीनतम प्रतिबद्धता के बाद भी मेरा अभी भी ऐसा कर रहा है ...

मेरी पृष्ठभूमि का आकार 'कवर' पर सेट है और मैंने 'ऑटो 100%' की भी कोशिश की है और फिर भी यह सिर्फ सफेद/पारदर्शी है।

अगर मैं पृष्ठभूमि-आकार हटा देता हूं, तो यह ठीक हो जाता है... कोई और सुझाव?

अस्थायी फिक्स, उपयोग करें:

b एकग्राउंड: url ("...बेस64...")

और उपयोग न करें

इसके अलावा, "स्प्राइट्स" का उपयोग न करें क्योंकि html2canvas इसे समझ में नहीं आता है।

मुझे बैकगाउंड छवियों के साथ कोई समस्या है जब यूआरएल में ऊपरी निर्देशिका पृष्ठभूमि के सापेक्ष पथ होता है: यूआरएल ("../i/alerts-16x.png")

यह काम करता है अगर पीएनजी को निम्नलिखित तरीके से पृष्ठभूमि में स्थानांतरित करें: url ("i/alerts-16x.png")

मैं पृष्ठभूमि छवियों को प्रस्तुत नहीं कर सका और ऐसा लग रहा था कि यह कवर या पृष्ठभूमि आकार है, इसलिए मैंने 0.4.1 संस्करण में लाइन 350 को बदल दिया है:

topPos = isNaN(parseInt(bgposition[1], 10)) ? topPos : parseInt(bgposition[1], 10);

और यह काम करता है!

मैं संस्करण 0.4.1 . पर हूं

मुझे पृष्ठभूमि के साथ भी समस्या हो रही है।

मैंने fperich द्वारा सुझाए गए अनुसार 350 को लाइव बदला लेकिन मदद नहीं की।

हर्नान द्वारा अनुशंसित बेस 64 पृष्ठभूमि छवि को भी कोई खुशी नहीं की कोशिश की।

मैं जिस यूआरएल को कन्वर्ट करने की कोशिश कर रहा हूं वह यह है
http://prompter.rareapps.org/prompt/prompt-save3.php?p=123

जब मैं यहां वेबपेज रेंडरर का उपयोग करता हूं तो यह पृष्ठभूमि के साथ परिवर्तित हो जाता है
http://html2canvas.hertzen.com/screenshots.html

लेकिन मेरे अपने पेज पर इसकी पृष्ठभूमि नहीं है। यहां नमूना देखें
http://prompter.rareapps.org/prompt/prompt-save3.php?p=123

मैं जिस कोड का उपयोग कर रहा हूं वह यह है

<script type="text/javascript">
$(window).load(function() {
    html2canvas(document.body, {
        onrendered: function(canvas) {
        window.location.href = canvas.toDataURL('image/jpeg');
    },
    allowTaint: true,
    taintTest: false
    });
});
</script>

यह मूल रूप से पृष्ठ को लोड होने देता है और स्वयं को छवि में परिवर्तित करता है।

मेरे कोड में कुछ भी गलत है?

धन्यवाद

fperich यू रॉक मैन !! धन्यवाद

मैं दूसरा, fperich, आप अभी मेरे पसंदीदा व्यक्ति हैं!

धन्यवाद fperich :D इसने अच्छा काम किया

@sauchenka @niklasvh क्या आप कहेंगे कि यह समस्या सुलझ गई है? क्या इस मुद्दे को बंद किया जा सकता/सकती है?

0.4.1 (रिलीज़ और डेवलपर दोनों नवीनतम) का उपयोग करते हुए, मेरे चाइल्ड एलिमेंट्स की पृष्ठभूमि छवि (बच्चे स्प्राइट हैं) कम से कम विंडोज़ के लिए क्रोम में कैनवास पर दिखाई नहीं देते हैं। विंडोज़ के लिए फ़ायरफ़ॉक्स हालांकि ठीक काम कर रहा है। मैक के लिए क्रोम पर मुझे एक काला वर्ग मिलता है जहां पृष्ठभूमि छवि के साथ अवधि होती है। मैंने fperich फिक्स की कोशिश की लेकिन यह मेरे लिए काम नहीं किया। पृष्ठभूमि छवि एक ही मूल पर है, सभी फाइलें सर्वर पर एक ही निर्देशिका में हैं।

@ 4gstudios क्या आप समस्या का प्रदर्शन करने के लिए एक jsfiddle (या कुछ सार्वजनिक रूप से सुलभ लिंक पर) में एक सरल उदाहरण डाल सकते हैं?

@usmonster ज़रूर। मैंने jsfiddle का उपयोग नहीं किया क्योंकि मैं नहीं चाहता था कि छवियां बाहरी हों, इसलिए हम क्रॉस-मूल मुद्दों को रद्द कर सकते हैं।

अब सोचो क्या। जब मैं इसे तैयार कर रहा था, मुझे एहसास हुआ कि यह मुद्दा उस पीएनजी के साथ है जिसे मैं अपने स्प्राइट्स के लिए उपयोग करना चाहता हूं। सबसे पहले मैंने सोचा कि शायद फ़ाइल आकार, लेकिन ऐसा लगता है कि वास्तव में पीएनजी के आयामों के साथ एक मुद्दा है।

पीएनजी के भीतर निहित जानकारी की मात्रा के साथ इसका कुछ संबंध हो सकता है क्योंकि अधिक जटिल पीएनजी अपेक्षाकृत छोटे आयामों पर इस मुद्दे को प्रदर्शित करता प्रतीत होता है। मुझे नहीं लगता कि यह फ़ाइल आकार के साथ जरूरी है क्योंकि मैंने tinypng.com के माध्यम से पीएनजी ऑप्टिमाइज़ेशन के साथ थोड़ा गड़बड़ कर दिया है और छोटे फ़ाइल आकार के साथ एक बड़े आयाम वाली छवि में समस्या होगी जबकि बड़ी फ़ाइल के साथ एक छोटी आयाम वाली छवि आकार नहीं होगा।

मेरा उदाहरण देखें: http://4gstudios.com/html2canvas/

ब्लू बॉक्स ठीक प्रस्तुत करता है (बीजी छवि 100x7800 पिक्सल / 374 केबी है)
लाल बॉक्स सही ढंग से प्रस्तुत नहीं होता है (बीजी छवि 100x25000 पिक्सल / 254 केबी है)
-इन ओएस एक्स क्रोम (ब्लैक बॉक्स)
-ओएस एक्स सफारी ("नहीं" बॉक्स)
-और संभवत: विन क्रोम (कल हो रहा था लेकिन पीसी एटीएम के पास नहीं)
-ओएस एक्स फ़ायरफ़ॉक्स ठीक काम करता प्रतीत होता है।

उम्मीद है कि मैंने वह स्पष्ट कर दिया है जिसे मैं मानता हूं कि यह मुद्दा अच्छी तरह से है और हम इसे हल कर सकते हैं। मैं अपने प्रोजेक्ट में जिस स्प्राइट का उपयोग करना चाहता हूं, उसमें 800 से अधिक विभिन्न सीएसएस नियम हैं और मैं वास्तव में इसे बदलना नहीं चाहता!

संपादित करें: मेरा उदाहरण 0.4.1 का उपयोग करता है लेकिन जब मैंने 0.5.0rc1 की कोशिश की तो मुझे वही समस्या हो रही है

मेरे पास परीक्षण के लिए ओएस एक्स उपलब्ध नहीं है, लेकिन ऐसा लगता है कि विंडोज़ (विस्टा) पर क्रोम 37 और लिनक्स पर क्रोम 38 बीटा (डेबियन व्हीज़ी) पर ठीक काम करता है। आप क्रोम के किस संस्करण का उपयोग कर रहे हैं? क्या आपने गुप्त मोड में परीक्षण करने की कोशिश की है / सभी एक्सटेंशन बंद हैं?

@usmonster ने अभी क्रोम 36 (Win7) पर कोशिश की और फिर क्रोम 37 (Win7) में अपडेट किया, अभी भी समस्या है

@4gstudios यदि आप लॉगिंग चालू करते हैं, तो आप ब्राउज़र कंसोल में क्या देखते हैं?

साथ ही, कृपया अपनी साइट पर केवल वही उपयोग करने के लिए उदाहरण अपडेट करें जो वर्तमान में मास्टर शाखा में है, भले ही उसमें वही समस्या हो। यह डिबगिंग में बहुत मदद करेगा।

तीसरा, कृपया यह भी सत्यापित करें कि सभी क्रोम एक्सटेंशन अक्षम होने पर भी यह समस्या दिखाई देती है या नहीं। (यदि ऐसा है, तो मुझे आश्चर्य है कि क्या यह एक समय का मुद्दा है, जैसा कि शायद छवि का डाउनलोड और/या प्रतिपादन बहुत धीमा है?)

@usmonster

1) लॉगिंग चालू है ....
html2canvas: प्रीलोड शुरू होता है: बैकग्राउंड-इमेज ढूंढना html2canvas.js:21
html2canvas: प्रीलोड: छवियों को ढूँढना html2canvas.js:21
html2canvas: प्रीलोड: हो गया। html2canvas.js:21
html2canvas: प्रारंभ: चित्र: 1/2 (विफल: 0) html2canvas.js:21
html2canvas: प्रारंभ: चित्र: 2/2 (विफल: 0) html2canvas.js:21
छवियों को लोड करना समाप्त: # 2 (विफल: 0) html2canvas.js:21
html2canvas: रेंडरर: कैनवास रेंडरर किया गया - कैनवास लौटा रहा है html2canvas.js:21

2) मास्टर ब्रांच html2canvas.js में अपडेट किया गया

3) हां, मैंने सभी विकलांगों के साथ प्रयास किया। यदि यह समय है, तो मुझे नहीं लगता कि यह डाउनलोड का समय है, लेकिन संभवतः हाँ प्रस्तुत करना।

@4gstudios क्या आपके पास परीक्षण करने के लिए एक और मशीन है? साथ ही, लाइव लिंक अभी भी ऐसा लगता है कि यह 0.4.1 का उपयोग कर रहा है।

@usmonster ओह ठीक है मेरा बुरा, मैंने इसे ठीक कर दिया। बस इसे WinServer2012 मशीन, क्रोम 37 पर भी परीक्षण किया, बीजी के स्थान पर ब्लैक बॉक्स प्रतिपादन के साथ एक ही समस्या

हम्म, मैं अभी भी अपनी उपलब्ध मशीनों में से किसी पर भी इस मुद्दे को पुन: पेश नहीं कर सकता, लेकिन एक सहयोगी अपनी विंडोज 7 मशीन पर कर सकता था। @niklasvh , @brcontainer कोई विचार? मुझे लगता है कि यह प्लेटफ़ॉर्म-विशिष्ट GPU-त्वरित कंपोजिटिंग/रास्टरराइज़ेशन के साथ कुछ करने के लिए है .. अगर मैं अपनी W7 मशीन तक पहुँच प्राप्त कर सकता हूँ, तो मैं इस सप्ताह के अंत में इसका परीक्षण करने का प्रयास करूँगा, लेकिन मैं उत्सुक हूँ... @4gstudios , यदि आप अपनी दूसरी छवि को आधा कर दें और फिर से परीक्षण करें तो क्या होगा? और इसे तब तक आधा करते रहें (और सीएसएस नियम को समायोजित करते रहें) जब तक कि बग दूर न हो जाए? मैं देखना चाहता हूं कि पीएनजी का कोई "दिलचस्प" क्षेत्र है जो इस मुद्दे को ट्रिगर करता है।

@usmonster क्रोम के साथ मेरे विंडोज 7 x64 पर हुआ। मैं एक डीबग करने की कोशिश करूंगा।
कुछ समस्याएं हैं जो windows7x64 में होती हैं लेकिन 32 संस्करण में नहीं होती हैं, मेरा मानना ​​है कि यह क्रोम का एक बग है।

मुझे पूरा यकीन है कि यह मूल छवि के आकार से संबंधित है। बड़ी छवियों या बड़े कैनवस को प्रस्तुत करने के साथ बहुत सारे अलग-अलग परिणाम होते हैं, और जहां तक ​​​​मुझे पता है कि इनमें से किसी के लिए समर्थन का पता लगाने के लिए वास्तव में कोई स्मार्ट तरीका नहीं है।

हालांकि सीधे स्रोत छवि के आकार से संबंधित नहीं है, अलग-अलग परिणाम आपको बड़ी छवियों और कैनवस के साथ समस्याओं का एक विचार देंगे:

• http://stackoverflow.com/questions/6081483/maximum-size-of-a-canvas-element
• http://social.msdn.microsoft.com/Forums/windowsapps/en-US/53c368e5-042b-4c3f-8903-ee024f4f7933/canvas-max-size?forum=winappswithhtml5
• https://developer.apple.com/library/safari/documentation/AppleApplications/Reference/SafariWebContent/CreatingContentforSafarioniPhone/CreatingContentforSafarioniPhone.html#//apple_ref/doc/uid/TP40006482 -SW15

संभवतः विभिन्न ब्राउज़रों/ओएस/मेमोरी सीमाओं के लिए अधिकतम छवि आकार और कैनवास आकार दोनों के लिए कुछ परीक्षण सेट करना चाहिए ताकि वास्तव में एक और ठोस समझ प्राप्त हो सके कि सीमाएं कहां हैं और क्या उन्हें किसी भी तरह से बाधित किया जा सकता है, उदाहरण के लिए इसे छोटे हिस्सों में प्रस्तुत करना .

@4gstudios @brcontainer आपके डिवाइस में कितनी मेमोरी है जहां आप समस्या को दोहराने में सक्षम थे?

@niklasvh

• विंडोज 7 होम प्रीमियम x64
• इंटेल कोर i5 CPU M450 2.40Ghz
• 4 जीबी रैम

मैं विंडोज़ 32 बिट (इतना संभव) पर परीक्षण करूंगा, लेकिन मेरा मानना ​​​​है कि समस्या केवल विंडोज 64 बिट में होती है

जैसा कि मुझे संदेह था, समस्या केवल "विंडोज x64" में होती है, साथ ही साथ https://github.com/niklasvh/html2canvas/issues/206#issuecomment -17744888, दूसरे शब्दों में, विंडोज 32 बिट में काम, विंडोज 64 बिट में विफल , एक संभावित बग क्रोम।

@brcontainer समस्या मेरे लिए क्रोम और सफारी में OS X 10.7 पर भी होती है ...

मैंने अपनी 32-बिट विंडोज 7 मशीन पर भी परीक्षण किया, और सब कुछ ठीक काम करता है (कोई बग नहीं)। यह निश्चित रूप से केवल 64-बिट सिस्टम की तरह दिख रहा है - अच्छी पकड़, @brcontainer! ध्यान देने वाली एक और बात यह है कि विशेष रूप से 64-बिट सिस्टम के लिए क्रोम का एक नया संस्करण हाल ही में जारी किया गया था:

http://blog.chromium.org/2014/08/64-bits-of-awesome-64-bit-windows_26.html
https://www.google.com/chrome/browser/?platform=win64 (विंडोज डाउनलोड लिंक)
http://blog.chromium.org/2014/08/mac-chrome-when-im-sixty-four-bits.html (मैक अभी भी बीटा में है)

जिन लोगों ने इस समस्या का सामना किया है, क्या आप सुनिश्चित हैं कि आप अभी भी 32-बिट संस्करण नहीं चला रहे हैं? मुझे लगता है कि इसे प्राप्त करने के लिए आपको 64-बिट संस्करण को मैन्युअल रूप से डाउनलोड करने की आवश्यकता है। एक मौका है कि यह इन समस्याओं को हल कर सकता है।

@usmonster अच्छी तरह से मेरा

यह क्रोम में एक बग की तरह लगता है और "विंडोज 64 बिट" (या मैक ओएसएक्स) के साथ असंगति नहीं है

@brcontainer मैं सहमत हूं कि यह 64-बिट विंडोज और मैक पर क्रोम और वेबकिट ब्राउज़र के साथ एक समस्या की तरह दिखता है (लेकिन लिनक्स नहीं .. कम से कम मेरे 64-बिट डेबियन बॉक्स w/8 जीबी रैम पर नहीं), हालांकि @4gstudios , थे आप 32-बिट विंडोज़ पर बग देखने में सक्षम हैं? और समस्या से प्रभावित आपकी मशीनों पर आपके पास कितनी RAM थी?

अच्छा होगा कि इस समस्या को जड़ से खत्म कर दिया जाए। दूसरे पीएनजी में पहले पीएनजी की तुलना में ग्रेडियेंट और बहुत बड़े आयाम हैं। अगर मेरे पास परीक्षण करने के लिए एक प्रभावित मशीन होती, तो मैं "खराब" पीएनजी को तब तक छीन लेता जब तक कि मैं यह नहीं बता पाता कि क्या कोई विशेष समस्या क्षेत्र या आकार है जो इसका कारण बनता है। (संभवतः @niklasvh के लिए भी

@usmonster @niklasvh

AppleWebkit (संस्करण 538.1) और "Safari 5.1.7" (संस्करण 534.57.2 - इस ब्राउज़र को अधिक अपडेट नहीं मिलते) में Windows .then प्रदर्शन नहीं करते (आग/ट्रिगर नहीं)।

इसलिए मैं परीक्षण नहीं कर सका कि यह "वेबकिट" की विफलता है या "ब्लिंक" (क्रोम में वेबकिट का इंजन कांटा) की विफलता है या यहां तक ​​​​कि "रैम" की कमी के लिए भी विफलता है।

@brcontainer मुझे लगता है कि यह मान लेना सुरक्षित है कि, @4gstudios के अनुसार, बग OS X पर सफारी और क्रोम दोनों में पुन: उत्पन्न होने योग्य था, यह कम से कम ब्लिंक और वेबकिट इंजन दोनों के लिए एक बग आम है।

@usmonster मैं उस .then(...) लिए विंडोज़ का परीक्षण नहीं कर सका जो AppleWebkit (संस्करण 538.1) में नहीं चलता है

@usmonster मैंने अपना उदाहरण बनाते समय स्निप-दूर काम किया है, लेकिन एक अति-वैज्ञानिक तरीके से नहीं। जब मेरे पास कुछ समय होगा तो मैं इसे बेहतर तरीके से प्रलेखित करने का प्रयास करने जा रहा हूं, लेकिन यह संभवत: एक या दो सप्ताह के लिए नहीं होगा।

@usmonster , @brcontainer , @niklasvh , इस मुद्दे पर आपकी सभी मदद के लिए धन्यवाद

@niklasvh onrendered बहिष्कृत है। तो मैं इसके बजाय क्या उपयोग कर सकता हूं? मैं 0.5.0-अल्फा 1 का उपयोग कर रहा हूं।

इसके अलावा पृष्ठभूमि छवि डाउनलोड नहीं हो रही है, हालांकि छवियां एक ही डोमेन में हैं।

html2canvas($("#fordownload table"), {
लॉगिंग: सच,
ऑनरेंडर: फ़ंक्शन (सी) {
var myImage = c.toDataURL("images/jpeg");
$('#downloadableImage').prop('href', myImage);
}
});
किसी भी तरह की सहायता को आभार समझेंगे। धन्यवाद

@ codegiant2 https://github.com/niklasvh/html2canvas#usage ।

थैंक्स fperich इसने मेरे लिए काम किया !!

@fperich
तुम मेरी बहुत मदद करते हो!बहुत बहुत धन्यवाद!

मैं एक क्रॉप्ड बॉडी बैकग्राउंड इमेज का चेहरा था
(छोटा bounds.height NodeContainer.prototype.parseBackgroundSize - html2canvas 0.5.0-beta3 ) my

body {
    background-image: url(./res/bg.jpeg);
    background-repeat:no-repeat;
    background-position:center center;
    -o-background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
}

हल जोड़ना

html, body {
   margin: 0;
   padding: 0;
   height: 100%;
}

कोड के इस अच्छे अंश के लिए निकलस्व और सभी योगदानकर्ताओं का धन्यवाद!

मुझे भी एक ही समस्या है, मैं कैनवास में नहीं दिख रही एस 3 छवि से लोड कर रहा हूं, लेकिन मैं अपने सिस्टम में स्थानीय रूप से लोड कर रहा हूं ठीक काम कर रहा है मैं कैसे हल कर सकता हूं

मुझे भी यही समस्या है।

पृष्ठभूमि-छवि लोड करने में विफल। मुझे त्रुटि संदेश मिल रहा है पृष्ठभूमि लोड करने में त्रुटि:

जेएसफ़िल्ड यहाँ

कृपया इस मुद्दे को ठीक करने में मेरी मदद करें।
धन्यवाद,

हाय @ गोपिस ,

कोर विकल्प का प्रयोग करें।

html2canvas(document.body, {
            onrendered: function (canvas) {
.....
            },
            useCORS: true
        });

@fxmontigny।
अभी भी सीमा-छवि लोडिंग समस्या मौजूद है। मेरा अद्यतन JSFiddle देखें।
सीमा छवि लोड नहीं हो रही है केवल काले रंग की सीमा दिखा रही है।

मैं एक ही मुद्दे का सामना कर रहा हूँ। नीचे क्रोम कंसोल से लॉग है
html2canvas: प्रीलोड शुरू होता है: बैकग्राउंड-इमेज ढूंढना
html2canvas.js:21 html2canvas: प्रारंभ: चित्र: 1 / 1 (विफल: 0)
html2canvas.js:21 html2canvas: प्रारंभ: चित्र: 2/2 (विफल: 0)
html2canvas.js:21 html2canvas: प्रीलोड: छवियों को ढूँढना
html2canvas.js:21 html2canvas: प्रीलोड: हो गया।
html2canvas.js:21 html2canvas: प्रारंभ: चित्र: 2/2 (विफल: 0)
html2canvas.js:21 छवियों को लोड करना समाप्त: # 2 (विफल: 0)
html2canvas.js:21 html2canvas: पृष्ठभूमि लोड करने में त्रुटि:
html2canvas.js:21 html2canvas: रेंडरर: कैनवास रेंडरर किया गया - कैनवास ओबीजे लौटा रहा है

क्या यह अभी भी v1.0.0 के साथ कोई समस्या है? यदि हां, तो क्या आप कृपया jsfiddle पर एक उदाहरण साझा कर सकते हैं।

यह समस्या अपने आप बंद कर दी गई है क्योंकि मूल लेखक की ओर से अधिक जानकारी के लिए हमारे अनुरोध का कोई जवाब नहीं मिला है। केवल उस जानकारी के साथ जो वर्तमान में समस्या में है, हमारे पास कार्रवाई करने के लिए पर्याप्त जानकारी नहीं है। यदि आपके पास है तो कृपया संपर्क करें या हमारे लिए आवश्यक उत्तर खोजें ताकि हम आगे की जांच कर सकें।

बस टिप्पणी करना क्योंकि इससे किसी को मदद मिल सकती है।
मेरा मुद्दा यह था कि स्थानीय रूप से सब कुछ काम कर रहा था लेकिन उत्पादन पर यह सीएसएस पृष्ठभूमि छवियों को प्रस्तुत करने में विफल रहा था।
कारण यह था कि हम क्लाउडफ्रंट का उपयोग कर रहे थे - जिसका अर्थ है कि सीएसएस फ़ाइल में यूआरएल क्लाउडफ्रंट डोमेन पर संपत्ति का जिक्र कर रहे थे, जबकि जेएस एक अलग डोमेन पर निष्पादित किया जा रहा था।
हालाँकि html2canvas लॉग यह संकेत नहीं दे रहा था कि यह एक cors समस्या थी।
'useCORS' अपने आप काम नहीं कर रहा है क्योंकि मुझे लगता है कि इसके लिए प्रॉक्सी url या कुछ और की आवश्यकता है।

स्थानीय S3 छवियों में कैनवास पर पृष्ठभूमि छवियों को कैप्चर करने के लिए html2canvas का उपयोग करते समय मेरे लिए @jacobclarke भी एक ही समस्या है लेकिन उत्पादन में यह पृष्ठभूमि छवियों को कैप्चर नहीं कर रहा है। मेरा html2canvas संस्करण v1.0.0 है