Html2canvas: एक iframe के भीतर html2canvas का उपयोग करते समय फ़ॉन्ट लोड नहीं होते हैं

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

हाय सब, मैं इस के लिए एक समान समस्या आ रही है: https://github.com/niklasvh/html2canvas/issues/328 ।
मैंने एक विजेट बनाया है जो स्क्रीनशॉट लेने के लिए html2canvas का उपयोग करता है। समस्या यह है कि विजेट को आईफ्रेम के अंदर किसी साइट में डाला जाना चाहिए, कैप्चर काम करता है लेकिन फोंट लोड नहीं होता है। क्या होता है इसका एक सरल उदाहरण यहां दिया गया है: टेस्ट-केस-आईफ्रेम

विशेष विवरण:

html2canvas संस्करण के साथ परीक्षण किया गया: v1.0.0-alpha.12
ब्राउज़र और संस्करण: Google क्रोम संस्करण 72.0.3626.121 (आधिकारिक बिल्ड) (64-बिट)
ऑपरेटिंग सिस्टम: मैक ओएस 10.13.6

स्रोत

diego-rey

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

@ डिएगो-रे मैंने पाया कि यदि आपका बच्चा फ्रेम माता-पिता के समान डोमेन पर है, तो आप कैनवास तत्व को बच्चे के फ्रेम के शरीर में जोड़ सकते हैं। फिर उस तत्व को canvas विकल्प का उपयोग करके html2canvas में पास करें। यह चाइल्ड फ्रेम के अंदर फॉन्ट परिभाषाओं को उठाएगा।