<p>जब html में कैनवास तत्व होता है, तो html2canvas काम नहीं करता है</p>

को निर्मित 13 दिस॰ 2017 · 29टिप्पणियाँ · स्रोत: niklasvh/html2canvas

दोष रिपोर्ट:

मैं एक प्रतिक्रिया परियोजना में html2canvas का उपयोग कर रहा हूं। मैंने पाया कि जब html में कैनवास तत्व होता है, तो html2canvas काम नहीं करता है। कैनवास क्षेत्र खाली दिखाएगा।

विशेष विवरण:

यह html चित्र है

यह कैनवास चित्र में परिवर्तित होता है

कैनवास क्षेत्र में, मैं एक रडार मैप बनाने के लिए 'इचार्ज-फॉर-रिएक्शन' का उपयोग करता हूं। लेकिन जब मैं चित्र बनाता हूं तो बटन उत्पन्न करें ， डॉवोड चित्र पूरा नहीं होता है

html2canvas वर्जन का परीक्षण: 1.0.0-Alpha.4 के साथ किया जाता है
ब्राउज़र और संस्करण: क्रोम 60.0.3112.7
ऑपरेटिंग सिस्टम: विंडोज़

Bug

स्रोत

mengwuhen

👍12

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

मैंने हटाने का प्रयास किया हैकंटेनर: गलत, लेकिन समस्या अभी भी मोबाइल क्रोम पर मौजूद है

omeriko 6 अक्तू॰ 2019

👍6

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

मेरी भी यही समस्या है।

bigfacewo 13 दिस॰ 2017

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

niklasvh 13 दिस॰ 2017

एक ही समस्या है। मेरे पास पृष्ठ पर चार्ट ग्राफ हैं, वे अब प्रतिपादन नहीं कर रहे हैं। पिछले संस्करण में प्रस्तुत करने के लिए उपयोग किया जाता है

outerbound 14 दिस॰ 2017

मैंने समस्या दिखाने के लिए एक फील बनाया है
https://jsfiddle.net/outerbound/v7p71wzr/

यह क्रोम पर काम नहीं कर रहा है :(, मैं इसे काम कर सफारी पर पुष्टि कर सकते हैं :)

outerbound 14 दिस॰ 2017

👍2

समस्या रेंडरिंग से पहले कंटेनर फॉर्म DOM को हटाने में है

ZeroGravity100500 14 दिस॰ 2017

मेरी भी यही समस्या है। मार्कर ...

JasonDung 15 दिस॰ 2017

साथ काम नहीं हो सकता है कि html2canvas कर सकते हैं gridstack.js

bigfacewo 15 दिस॰ 2017

👍1

चार्ट के साथ प्रयोग करने में यही समस्या थी। vue (vue-chart.js) के साथ और यह केवल क्रोम में होता है

enanchen 19 दिस॰ 2017

मेरे पास एक ही समस्या है, html2canvas gridstack.js के साथ काम नहीं कर सकती है, जब मैं html2canvans का उपयोग ग्रिडस्टैक के साथ करता हूं, तो सभी तत्व शीर्ष पर ढेर हो जाते हैं।

wangyunzhu 19 दिस॰ 2017

@ Nemo0915 मैं jsfiddle का निर्माण करता हूं, लेकिन यह ठीक काम है। शायद यह ग्रिडस्टैक।जेएस की समस्या नहीं है, लेकिन मैं बहुत निश्चित नहीं हूं।

bigfacewo 19 दिस॰ 2017

एक ही समस्या है, फ़ायरफ़ॉक्स ठीक है, लेकिन Chorme काम नहीं कर सकता है

ArrayZheng 20 दिस॰ 2017

@bigfacewo आपके उत्तर के लिए धन्यवाद, यह आपके jsfiddle का स्क्रीनशॉट है, बटन को शीर्ष पर भी स्टैक किया गया है, और परिणाम वही है चाहे एफएफ या क्रोम में।

wangyunzhu 20 दिस॰ 2017

@ निमो ० ९ १५ मुझे ०.५.०-बीटा ४ संस्करण का काम सामान्य, jsfiddle मिला । स्क्रीनशॉट है:
qq 20171220150328
1.0.0-Alpha4 संस्करण, jsfiddle , यह क्रोम पर काम नहीं कर सकता है, लेकिन मुझे यह समस्या नहीं मिली कि तत्वों को शीर्ष पर ढेर किया गया था। यह फ़ायरफ़ॉक्स पर स्क्रीनशॉट है:
qq 20171220150946

क्रोम संस्करण: 63.0.3239.108
फ़ायरफ़ॉक्स संस्करण: 57.0.2

bigfacewo 20 दिस॰ 2017

आप विकल्प जोड़ सकते हैं: removeContainer: अस्थायी रूप से इस समस्या को ठीक करने के लिए गलत ...।

IxAres 20 दिस॰ 2017

👍3

धन्यवाद @IxAres , यह मेरी समस्या को हल करता है।

enanchen 20 दिस॰ 2017

Https://github.com/niklasvh/html2canvas/commit/38749bc4b6a861f778a915491fc7d84fea6e1a2f में फिक्स्ड

niklasvh 21 दिस॰ 2017

omeriko 6 अक्तू॰ 2019

👍6

@niklasvh यह बिल्कुल काम नहीं करता है। मैं इस एप्लिकेशन के संस्करण 1.0.0-rc.5 का उपयोग कर रहा हूं।
Screenshot 2020-02-17 at 10 54 42 AM

nehachaudhary 17 फ़र॰ 2020

हे, क्या समाधान?

steele-cjf 23 मार्च 2020

2020 की समस्या अभी भी यहाँ है।

MrG2333 14 अप्रैल 2020

👍5

+1 मैं यह व्यवहार भी देख रहा हूं।

nwoodhouse 21 अप्रैल 2020

समस्या अभी भी मौजूद है

IAmRC1 12 मई 2020

समस्या अभी भी Chart.js और फ़ायरफ़ॉक्स 76.0 (64-बिट) ब्राउज़र के साथ मौजूद है

g0d0 12 मई 2020

अरे वहाँ मैं तत्व के अंदर Mapbox के साथ एक ही मुद्दा मिल रहा है आप यहाँ मदद कर सकते हैं।
मैंने हटाने की कोशिश भी की है।: झूठे लेकिन यह मेरे लिए काम नहीं किया।

Rajeshgtstpl 10 जुल॰ 2020

@Rajeshgtstpl मैं preserveDrawingBuffer: true सेट करके हल किया।

AchoArnold 24 जुल॰ 2020

👍5

मैं Chart.js का उपयोग नहीं कर रहा हूं, लेकिन कैनवस के साथ एक ही समस्या थी जहां मैंने ड्राइमेज का उपयोग किया था। छवि तत्व पर डालने से पहले इस समस्या का हल किया।

image.crossOrigin = 'anonymous'

आशा है कि यह किसी की मदद कर सकता है :)

andreassoegaard 7 अग॰ 2020

👍2

हाय दोस्तों, मैं एक समान कैनवास निर्यात मुद्दा रहा हूँ, लेकिन एक तीनjs दृश्य के साथ, किसी भी सिफारिशें? मैं v1.0.0-rc.7 के साथ कोशिश की है, लेकिन यह सब कुछ निर्यात करता है, लेकिन तीनjs कैनवास।

संपादित करें: मैंने इस तरह से तीनjs कैनवास में जोड़ने की कोशिश की:

लेकिन यह त्रुटि मिली:

tejasdotchavan 26 अग॰ 2020

@AchoArnold preserveDrawingBuffer: true ने मेरे लिए Mapbox के लिए काम किया, धन्यवाद।

प्रश्न: क्या आपने प्रदर्शन प्रभाव देखा है?

jimmyangel 14 अक्तू॰ 2020

मैं Chart.js का उपयोग नहीं कर रहा हूं, लेकिन कैनवस के साथ एक ही समस्या थी जहां मैंने ड्राइमेज का उपयोग किया था। छवि तत्व पर डालने से पहले इस समस्या का हल किया।
image.crossOrigin = 'anonymous'
आशा है कि यह किसी की मदद कर सकता है :)

इसने मेरी जान बचाई धन्यवाद

Nurbek0525 11 नव॰ 2020

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

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

<p>जब html में कैनवास तत्व होता है, तो html2canvas काम नहीं करता है</p>

दोष रिपोर्ट:

विशेष विवरण:

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

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

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