2012-12-11 15 views
5

से "डीओएम अपवाद 18" मैं एक एसवीजी छवि ले रहा हूं, इसे कैनवास पर खींच रहा हूं, और इसेडाटाउल के माध्यम से निर्यात करने की कोशिश कर रहा हूं, लेकिन क्रोम मुझे डीओएम अपवाद 18 सुरक्षा त्रुटि फेंक रहा है। मुझे पता है कि समस्या यह है क्योंकि मैंने डेटा यूआरआई योजना (डेटा: छवि/एसवीजी + एक्सएमएल; बेस 64) के साथ कैनवास पर एसवीजी छवि खींची है, इसलिए मुझे लगता है कि ब्राउज़र इसे क्रॉस-डोमेन (यानी, एक सुरक्षा समस्या) के रूप में देखता है, लेकिन मैं अपने एसवीजी सामान को कैनवास पर लाने के किसी अन्य तरीके से नहीं सोच सकता। मैं इसे होस्ट नहीं कर सकता क्योंकि एसवीजी सामग्री गतिशील और toDataURL के माध्यम से निर्यात करने की आवश्यकता से पहले पहले छेड़छाड़ की जाती है।कैनवास

मैंने यहां पूछे गए कुछ अन्य समान प्रश्नों के माध्यम से पढ़ा लेकिन मेरी समस्या के लिए कोई समाधान नहीं मिला।

उत्तर

3

क्रोम में पर करने के लिए एक canvas यह taints क्योंकि एसवीजी पराक्रम एक foreignObject, here is the bug शामिल किसी भी एसवीजी ड्राइंग। क्रोम में data URI schemes and canvas के साथ समस्याएं भी हैं, इसलिए आप एक डबल व्हामी में दौड़ रहे हैं।

0

मुझे एक ही समस्या है। वर्कअराउंड के रूप में मैंने svgas कॉल में svg को पार करने के लिए SVG to HTML5 Canvas Converter का उपयोग किया था।