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

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


कैनवास में क्रॉस-ओरिजिनल डेटा के लिए, <ऑडियो? या <वीडियो> तत्व -

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

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

Access-Control-Allow-Origin: *

या क्रॉस-ओरिजिनल डेटा समस्या को हल करने के लिए, निम्न पैरामीटर का उपयोग करें -

--allow-file-access-from-files

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

    HTML 5 में कैनवास को केन्द्रित करने के लिए, कैनवास टैग को div टैग में शामिल करें। तब हम div टैग को केंद्र में संरेखित कर सकते हैं। ऐसा करने से, कैनवास भी मध्य संरेखित होता है। उदाहरण <!DOCTYPE html>. <html>    <body>       <div style = "text-align:c

  1. डेटा URL से HTML5 कैनवास पर चित्र बनाना

    यदि आपके पास डेटा url है, तो आप कैनवास पर एक छवि बना सकते हैं। यह निम्न कोड स्निपेट में दिखाए गए अनुसार किया जा सकता है - var myImg = new Image; myImg.src = strDataURI; ड्रॉइमेज () विधि कैनवास पर एक छवि, कैनवास या वीडियो खींचती है। ड्राइमेज () विधि छवि के कुछ हिस्सों को भी खींच सकती है, और/या छवि क

  1. HTML5 में IndexedDB

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