Html2canvas: जावास्क्रिप्ट का उपयोग कर गूगल मैप का स्क्रीनशॉट लें

आप छवियों (इस मामले में गूगल मैप्स टाइल) को प्रस्तुत नहीं कर सकते हैं जो अलग-अलग मूल के तहत रहते हैं जब तक कि वे कॉर्स हेडर के साथ सेवा नहीं करते हैं। जिस तरह से आप इसे पार कर सकते हैं वह छवियों के लिए एक प्रॉक्सी का उपयोग करके है।

मैंने php प्रॉक्सी सर्वर के साथ प्रयास किया है लेकिन त्रुटि का सामना करना पड़ रहा है: "अनकैप्ड
SecurityError: 'HTMLCanvasElement' पर 'toDataURL' निष्पादित करने में विफल:
दागी कैनवस का निर्यात नहीं किया जा सकता है। "

मैंने यह प्रॉक्सी सर्वर आज़माया है:
https://github.com/brcontainer/html2canvas-php-proxy ,
उपरोक्त प्रॉक्सी सर्वर के साथ मैंने Google मानचित्र दिशा का उपयोग किया है:
https://developers.google.com/maps/documentation/javascript/examples/directions-simple

शनिवार, 13 दिसंबर 2014 को 11:11 बजे, निकल्स वॉन हर्टजन <
सूचनाएं@github.com> ने लिखा:

आप छवियों (इस मामले में गूगल मैप्स टाइल) को प्रस्तुत नहीं कर सकते हैं जो नीचे रहते हैं
अलग-अलग मूल जब तक उन्हें कोर्सेज हेडर के साथ परोसा नहीं जाता है
https://developer.mozilla.org/en-US/docs/Web/HTTP/Access_control_CORS।
जिस तरह से आप इसे पार कर सकते हैं वह छवियों के लिए एक प्रॉक्सी का उपयोग करके है।

-
इस ईमेल का उत्तर सीधे दें या इसे GitHub पर देखें
https://github.com/niklasvh/html2canvas/issues/485#issuecomment -66884354
।

_हार्दिक शहा_

मैं उसी मुद्दे का सामना कर रहा हूं। क्या आपको इसके लिए कोई हल मिला? मैं HTML2canvas का उपयोग करके Google मानचित्र के लिए एक स्क्रीनशॉट प्राप्त करना चाहता हूं। आपके उत्तर की सराहना करते हैं।

टक्कर। कोई सुधार?

विकल्पों में useCORS: true करना मेरे लिए समस्या तय किया। इसके अलावा, allowTaint: false । यदि आप समारोह को अंजाम यह मदद मिलेगी के बाद सभी टाइल दिखाई दे रहे हैं, तो आप सुन सकते हैं tilesloaded और निष्पादित html2canvas कि उसके बाद क्या होता।

मैं उसी मुद्दे का सामना कर रहा हूं। मैंने useCORS का उपयोग करने की कोशिश की: सच और भत्ता: मानचित्र विकल्पों में गलत है लेकिन इससे कोई फायदा नहीं हुआ। मैं पेज लोड होने के बाद ही स्क्रीनशॉट लेने की कोशिश कर रहा हूं। क्या मुझे कुछ याद आ रहा है?

Google मानचित्र के स्क्रीनशॉट लेते समय मुझे एक समस्या मिल रही है, मुझे यह त्रुटि मिली:
ERROR Error: Uncaught (in promise): InvalidStateError: Failed to execute 'drawImage' on 'CanvasRenderingContext2D': The image argument is a canvas element with a width or height of 0. Error: Failed to execute 'drawImage' on 'CanvasRenderingContext2D': The image argument is a canvas element with a width or height of 0. at CanvasRenderer.<anonymous> (html2canvas.js:6289) at step (html2canvas.js:83) at Object.next (html2canvas.js:64) at fulfilled (html2canvas.js:54) at ZoneDelegate.invoke (zone-evergreen.js:365) at Object.onInvoke (core.js:39698) at ZoneDelegate.invoke (zone-evergreen.js:364) at Zone.run (zone-evergreen.js:124) at zone-evergreen.js:851 at ZoneDelegate.invokeTask (zone-evergreen.js:400) at resolvePromise (zone-evergreen.js:793) at resolvePromise (zone-evergreen.js:752) at zone-evergreen.js:854 at ZoneDelegate.invokeTask (zone-evergreen.js:400) at Object.onInvokeTask (core.js:39679) at ZoneDelegate.invokeTask (zone-evergreen.js:399) at Zone.runTask (zone-evergreen.js:168) at drainMicroTaskQueue (zone-evergreen.js:570) at invokeTask (zone-evergreen.js:485) at ZoneTask.invoke (zone-evergreen.js:470)

कृपया, यह बहुत महत्वपूर्ण है।