असल में मेरे पास <div>, <p>, <img> जैसे एचटीएमएल टैग की संख्या के साथ ग्रिड div तत्व है और इसे PHP द्वारा सर्वर पर सहेजने के लिए base64 कैनवास में परिवर्तित कर रहा है।

क्या कोई इस मुद्दे से छुटकारा पाने में मेरी मदद कर सकता है। यहां मेरा कोड है https://jsfiddle.net/manish1706/ujx6rh5j/3/

मैं <img /> टैग में इमेज नहीं रख पा रहा हूं।

0
manish1706 1 जून 2016, 12:28

2 जवाब

सबसे बढ़िया उत्तर

यहां से:

स्क्रिप्ट द्वारा उपयोग की जाने वाली सभी छवियों को एक ही मूल के अंतर्गत रहने की आवश्यकता है

इसलिए चूंकि आपकी छवि क्रॉस-ओरिजिनल है, इसलिए Html2Canvas इसे एक्सेस नहीं कर सकता है।


यहां प्रॉक्सी इसके लिए उपयोग।

1
Justinas 1 जून 2016, 12:34

क्रॉस ओरिजिनल इश्यू को इंगित करने के लिए @Justinas को सबसे पहले धन्यवाद, मैंने इस्तेमाल किया

html2canvas($(".frameGrid"),
        {
            useCORS: true,
            "proxy":"http://xxxxxx.com/xxxx/timthumb.php", // optional (and if you are not writing this so have to all origin by server side)
            onrendered: function(canvas) {
            var img = canvas.toDataURL("image/png");
            $('#img-out').append('<img src="'+img+'"/>');
        }
    });

और भविष्य के उपयोग के लिए मैंने इस्तेमाल किया

header('Access-Control-Max-Age:' . 5 * 60 * 1000);
header("Access-Control-Allow-Origin: *");
header('Access-Control-Request-Method: *');
header('Access-Control-Allow-Methods: OPTIONS, GET');
header('Access-Control-Allow-Headers: *');
header("Content-Type: application/javascript");

मेरे क्रॉस सर्वर साइड PHP फ़ाइल में।

0
manish1706 1 जून 2016, 16:40