एचटीएमएल 5 कैनवास छवि एसवीजी या बेस 64 प्रारूप में कैसे सहेजा जा सकता है?

Question

क्या हम कैनवास छवि को svg या base 64 के रूप में निर्यात कर सकते हैं और फिर इसे फिर से आयात कर सकते हैं?

Answer 1

यह आसान नहीं है, नहीं। एसवीजी को कैनवास ग्राफिक्स निर्यात करने की कोई सीधी विधि नहीं है - वे मौलिक रूप से विभिन्न प्रकार के प्रतिनिधित्व हैं, कैनवास 2 डी raster डिस्प्ले का उपयोग करता है, जैसे टेलीविजन छवियां, और एसवीजी ज्यामितीय आकार को स्टोर करता है, जिसे गुणवत्ता के अवक्रमण के बिना आकार में बदला जा सकता है।

सरल उत्तर यदि आप एसवीजी उत्पादन की जरूरत है,, कैनवास का उपयोग नहीं करते एसवीजी के साथ शुरू (सरल एसवीजी ग्राफिक्स पुस्तकालय http://raphaeljs.com/ यहाँ उपयोगी हो सकता है) है।

जटिल उत्तर यह है कि आप एसवीजी को निर्यात कर सकते हैं यदि आप अपने द्वारा किए गए सभी कैनवास संचालन रिकॉर्ड करते हैं और एसवीजी के साथ उन्हें फिर से बनाने का कोई तरीका है, लेकिन, जब तक आपके पास संचालन का सीमित सेट न हो, तो मूल रूप से इसका मतलब है कि आपको सभी कैनवास ड्राइंग कार्यों और मोड लागू करें!

Answer 2

एंड्रयूमु को अपने मूल रूप में प्रश्न के महान उत्तर के लिए मुझसे एक अच्छी तरह से योग्य बिंदु मिल गया है।

संशोधित प्रश्न ("या बेस 64") Google के लिए आसान है: canvas.toDataURL()।