Computer >> कंप्यूटर ट्यूटोरियल >  >> प्रोग्रामिंग >> JavaScript

HTML5 Canvas में क्रॉस-ओरिजिन डेटा

क्रॉस-ओरिजिन Canvas डेटा

Canvas में क्रॉस-ओरिजिन डेटा के लिए, <img> या <video> एलिमेंट में निम्नलिखित एट्रिब्यूट जोड़ें:

<img src="..." crossorigin="Anonymous" />
<video src="..." crossorigin="Anonymous"></video>

CORS सक्षम करें

क्रॉस-ओरिजिन रिसोर्स शेयरिंग सक्षम करने के लिए, निम्नलिखित उपयोग करें। यह इमेजेस को इमेज रिस्पांस के साथ HTTP हेडर पास करने की अनुमति देता है।

Access-Control-Allow-Origin: *

क्रॉस-ओरिजिन डेटा समस्या हल करने के लिए

--allow-file-access-from-files

यह क्रोम लॉन्च फ्लैग लोकल फ़ाइल एक्सेस को Canvas के लिए अनुमति देता है (केवल विकास के लिए)।

  1. - HTML5 में कैनवास को केंद्र में कैसे संरेखित करें?

    कैनवास केंद्रित करना HTML5 कैनवास एक इंलाइन-ब्लॉक तत्व की तरह व्यवहार करता है। इसे पेज या कंटेनर के केंद्र में संरेखित करने के कई तरीके हैं। विधि 1: टेक्स्ट-अलाइन (सरलतम) कैनवास को ब्लॉक तत्व में लपेटें और text-align: center उपयोग करें: <!DOCTYPE html> <html> <body> <div s

  1. - HTML5 Canvas पर डेटा URL से इमेज कैसे ड्रॉ करें?

    यदि आपके पास डेटा URL है, तो आप कैनवास पर एक इमेज बना सकते हैं। यह निम्न कोड स्निपेट में दिखाया गया है: var myImg = new Image; myImg.src = strDataURI; drawImage() मेथड इमेज, कैनवास, या वीडियो को कैनवास पर ड्रॉ करता है। drawImage() मेथड इमेज के भाग भी ड्रॉ कर सकता है, और/या इमेज आकार बढ़ा/घटा सकता है

  1. - HTML5 में IndexedDB

    IndexedDB उपयोगकर्ता के ब्राउज़र के अंदर डेटा स्टोर करने के लिए एक नई HTML5 अवधारणा है। IndexedDB लोकल स्टोरेज से अधिक शक्तिशाली है और उन एप्लिकेशन के लिए उपयोगी है जिन्हें बड़ी मात्रा में डेटा स्टोर करने की आवश्यकता होती है। ये एप्लिकेशन अधिक कुशलता से चल सकते हैं और तेजी से लोड हो सकते हैं। W3C न