javascript - Is it possible to set a canvas as foreground? -

-

मेरे पास इस तरह एक सरल HTML पृष्ठ है: 

  & lt; html & gt; & Lt; शीर्ष & gt; & Lt; title & gt; & lt; / title & gt; & Lt; link rel = "icon" प्रकार = "image / vnd.microsoft.icon" href = "images / icon.png" / & gt; & lt; link rel = "stylesheet" प्रकार = "text / css" href = "style.css" / & gt; & Lt; / head & gt; & Lt; body bgcolor = "ffffff" & gt; & lt; br & gt; & lt; img src = "चित्र / 1.png" शैली = "स्थिति: सापेक्ष; बाएं: 4%; चौड़ाई: 85%" & gt; & lt; / img & gt; & Lt; मेटा http-equiv = "ताज़ा करें" सामग्री = "7; होम_ html" / & gt; & Lt; / body & gt; & Lt; / html & gt;   
 जो एक छवि प्रदर्शित करता है और 7 सेकंड के बाद होम पेज पर रीडायरेक्ट करता है। मुझे कैनवास का उपयोग करने वाला एक शांत कॉन्फ़ेटी कोड मिला है और मैं इसे अग्रभूमि में इस पृष्ठ पर जोड़ना चाहता हूं, लेकिन हमेशा छवि या टेक्स्ट को देखने में सक्षम होता हूं, जो मैं भविष्य में पृष्ठ पर जोड़ सकता हूं, लेकिन मुझे नहीं मिल सकता है ऐसा करने का एक तरीका कंफ़ेद्दी कोड यह है:  
  (फ़ंक्शन () {var रंग, कॉन्फेटी, NUM_CONFETTI, PI_2, कैनवास, कंफ़ेद्दी, संदर्भ, ड्रॉकर्कल, आई, श्रेणी, आकार बदलनेवाले, एक्सपो; NUM_CONFETTI = 350; COLORS = [[85, 71, 106], [174, 61, 99], [21 9, 56, 83], [244, 92, 68], [248, 182, 70]]; पीआई -2 = 2 * मठ PI; कैनवास = दस्तावेज़.getElementById ("world"); संदर्भ = कैनवास.गेटकॉन्टेक्स्ट ("2 डी"); खिड़की। वी = 0; विंडो एच = 0; resizeWindow = function () {window.w = canvas.width = window.innerWidth; return window.h = canvas.height = window.innerHeight;}; window.addEventListener ('resize', resizeWindow, झूठी); window.onload = function () {return setTimeout (resizeWindow, 0);}; श्रेणी = समारोह (ए, बी) {रिटर्न (बी - ए) * मथ.रेन्डम () + ए;}; ड्राक्रैक = फंक्शन (एक्स, वाई, आर, स्टाइल) {context.beginPath (); context.arc (x , Y, r, 0, PI_2, झूठी); संदर्भ.फिलस्टाइल = शैली; वापसी संदर्भ.फिल ();}; xpos = 0.5; दस्तावेज .onmousemove = function (e) {return xpos = e.pageX / w;} ; window.request एनीमेशनफ़्रेम = (फ़ंक्शन () {वापसी Window.request एनीमेशनफ़्रेम || Window.webkitRequestAnimationFrame || Window.mozRequestAnimationFrame || Window.oRequestAnimationFrame || Window.msRequestAnimationFrame || फ़ंक्शन (कॉलबैक) {वापसी विंडो.सेट टाइमआउट (कॉलबैक, 1000/60); }; }) (); कंफ़ेद्टी = (फ़ंक्शन () {फ़ंक्शन कंफ़ेद्दी () {this.style = COLORS [~~ श्रेणी (0, 5)]; this.rgb = "आरजीबीए (" + this.style [0] + "," + यह शैली [1] + "," + this.style [2]; this.r = ~~ श्रेणी (2, 6); this.r2 = 2 * this.r; this.replace ();} कॉन्फ़ेटी.प्रोटोटाइप प्रतिस्थापन = समारोह () {this.opacity = 0; this.dop = 0.03 * श्रेणी (1, 4); this.x = श्रेणी (-this.r2, w - this.r2); this.y = श्रेणी (- 20, एच - यह.आर 2); this.xmax = w - this.r; this.ymax = h - this.r; this.vx = श्रेणी (0, 2) + 8 * xpos - 5; इसे वापस। = 0.7 * this.r + श्रेणी (-1, 1);}; कंफ़ेद्दी.प्रॉपिटिपएड्रॉ = फ़ंक्शन () {var _ref; this.x + = this.vx; this.y + = this.vy; यह अस्पष्टता + = this.dop; यदि (this.opacity & gt; 1) {this.opacity = 1; this.dop * = -1;} अगर (यह.पैसाती & lt; 0 || this.y & gt; this.ymax ) {This.replace ();} यदि (! ((0 & lt; (_ref = this.x) & amp; amp; _ref & lt; this.xmax))} {this.x = (this.x + this.xmax )% This.xmax;} वापसी ड्रा चार्ज (~~ this.x, ~~ this.y, this.r, "" + this.rgb + "," + this.opacity + ")");}; वापसी कंफ़ेद्दी ;}) (); कॉन्फेटी = (समारोह () {var _i, _results; _results = []; के लिए (i = _i = 1; 1 & lt; = NUM_CONFETTI? _i & lt; = NUM_CONFETTI: _i & gt; = NUM_CONFETTI; i = 1 & lt; = NUM_CONFETTI ? ++ _ i: --_ i) {_results.push (नया कॉन्फ़ेट्टी);} रिटर्न _परेट;}) (); window.step = function () {var सी, _i, _len, _results; requestAnimationFrame (कदम); Context.clearRect (0, 0, डब्ल्यू, एच); _results = []; (_i = 0, _len = confetti.length; _i और lt; _len; _i ++) के लिए {c = कंफ़ेद्दी [_i]; _results.push (c.draw ()); } वापसी _results; }; कदम (); ।}) कॉल (this);   
 अग्रभूमि में कंफ़ेद्दी एनीमेशन कैसे किया जाता है पर पृष्ठ को पूरी तरह कार्यात्मक रखने के बारे में कोई सुझाव या विचार?   
 
 
 हां यह संभव है ...  
  
 सीएसएस  
  पॉइंटर-इवेंट्स: कोई भी   
     
  •

Comments

Post a Comment

Popular posts from this blog

ruby on rails - How to avoid ActionController::InvalidCrossOriginRequest exception? -

-
मैंने Rails 4.1 को अपने रेल ऐप को अपडेट किया है और ActionController :: InvalidCrossOriginRequest अपवाद प्राप्त करना शुरू कर दिया है। मुझे पाया गया कि बिंग बॉट्स सक्रिय रूप से मेरी गतिशील रूप से जेनरेट की गई जावास्क्रिप्ट फाइल को क्रॉल करते हैं। मुझे लगता है कि यह सही है कि रेलवे इस अपवाद को उठाती है क्योंकि जावास्क्रिप्ट को सीधे कहा जाता है, लेकिन मेरा लॉग इस अपवाद के साथ भरा हुआ है। > सीएसआरएफ संरक्षण को बंद किए बिना इस अपवाद को बढ़ाने से बॉट्स से बचने का कोई तरीका क्या है? मेरा नियंत्रक ऐसा दिखता है। वर्ग सूचियाँ नियंत्रक & lt; ApplicationController before_filter: authenticate_user! Def add @list = List.find (params [: आईडी]) response_to do | format | Format.js {render 'add'} format.html {redirect_to list_path (@list)} एंड एंड एंड जेएच के उत्तर में जोड़ने के लिए और मानते हुए कि आपको कुछ सहायता चाहिए, आपको पता होना चाहिए कि हर मेजबान यह निर्धारित करने के लिए उपयोग करता है कि उनके सर्वर का कौन (और नहीं) पहुंच सकता है सीधे आपकी त्रुटि मूल रूप से है क...
Read more

Selenium IDE Conditional Statements -

-
I want to ask if there is another way to see the error label, which has been shown whether we There is no need to fill up with the necessary to use the verifyText command. Here's an example: id: [required] PW: [required] Email: [expected] Dropdown box: [required] If you make test cases, then there is an easy way to make a test case first, and then three error labels will show whether the other fields will not be filled with that. The PW or email from the dropdown box will be shown even if the error is filled with the error label. Before saving that field, I'm just using the verified text, but if there are many conditional requirements like this there is no easy and easy way to create this testcase? Thx If I understand you correctly, If you ignore the required text fields, you are searching for a way to verify that error message. Since I know the Waitfortext command and expect the error message to appear, this command will wait until it expects the err...
Read more

java - Convert spaces to underscores -

-
I am retrieving a player list from a server and I'm doing stuff with it (later problem related to) . These un-related processes work only if the user name does not have an empty space, but instead of '' the character is '_' I am using this code for loop through character and then find it a '' and, if it is, then it will be replaced with '_' Change, but for some reason it is not known at all? four [] names; (String player name: chatlist) {name = playerName.toCharArray (); For (int i = 0; i & lt; name.length; i ++) {if (name [i] == '') {name [i] = '_'; }} String name S = new string (name); System.out.println (player name + "->" + nameS); } An example of a user name and output is as follows: TestSyear 1 output Testuser_1 Example user output ExampleUser_One Use Replacement All ("\\ s +", "_") . The better way to do this is, otherwise you will change each location wit...
Read more