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

asp.net - Procedure or function "Procedure name" expects a parameter "Param name" which was not supplied occurs rarely -

-
I have a VB Net has a web service function that will send criteria to an SQL server stored function. Everything works perfectly for two months in the deployment machine. but now error The process or function GetEmployeeDetails is expected to have a parameter @progress which was not supplied 'P> posted on the machine Just came once. Everything works fine before and after the error. Web service code: public function GetLocation (ByVal as the oldNumber integer, ByVal integer as NewNumber, ByVal as the location string, Byval progress form In the form of a string, byVal name as string, byVal ID as string, try the string as Command1 = New SqlCommand ("GetEmployeeDetails" Connection1) with Command1. CommonType = CommandType Stored Surechers Parameter.ed ("@ old number", SQLDB type.int). Value = old number. Parameter.ed ("New Numer", SQLDB type.ins). Value = Newamer. Parameter. Add ("@Space", SQLBT Ype.VarChar, 10). Value = loc...
Read more

jsp - No mapping found for HTTP request with URI with annotation config Spring MVC and Jetty -

-
Image
I'm only using annotation configuration, the server starts, but when I use some pages error is displayed: Warning: no mapping found for HTTP request with URI [/WEB-INF/view/main.jsp] name 'org.springframework.web.servlet.DispatcherServlet -D7259e with DispatcherServlet in Controller mapping works fine, but no JSP page is full. I am using Jetty 9.2.0.M0 and Spring MVC 4.0.4 release. JetTyP Config: Private Static Last String CONTEXT_PATH = "/"; Private Static Last String MAPPING_URL = "/ *"; Private Zero Server (Int port) throws exceptions {server server = new server (port); Server.addLifeCycleListener (New LifeCycleListener ()); Server.setHandler (getServletContextHandler (getContext ())); Server.start (); Server.join (); } Private static ServletContextHandler getServletContextHandler (WebApplicationContext context) throws IOException {LOGGER.info ( "ServletContextHandler is ready"); CircleContaxHandler themeHandler = new circactont...
Read more

sql server ce - Is there some way to make sqlce3.5 and 4.0 co-exist in the C# project -

-
Currently, my user needs to downgrade their database from sqlce4.0 to sqlce3.5 for our application. , I found a post and it basically caters to my requirement except that the user needs intervention of both solutions, ideally I will target this target to automatically (i.e. users To create without any interference) I want to code a small tool to achieve this goal. So my idea is: 1. Since I know the schema of this DB, so I make an Sclc 3.5 empty DB first. 2. Then open the old SQL 4.0 db and the new escrow 3.5 db at the same time. , And then ask sqlce4.0 DB from the table table and insert them into the new sqlce3.5 dB. It sounds good, but when I try with the C # project, it seems that it can only add an SKL accessory reference (either V5 or V4.0). I know this ninth place has improved pollution. But how can I solve it? 3. Or if I have to export the data to the SQL file and then import it into SQL 3D DD? If some console utility is to impede which supports importing SQL data in sqlce...
Read more