Horizontally Animate Gradient in HTML5 Canvas using jCanvas & jQuery -


मुझे एक भरण ढाल < गतिशील रूप से रंगस्टॉप (दाएं से बाएं) की स्थितियों को बदलकर अरोड़ा जैसा प्रभाव बनाने के लिए क्षैतिज रूप से चेतन करें मुझे लगता है, setTimeout () विधि का उपयोग करके किया जा सकता है लेकिन मुझे नहीं पता कि यह कैसे करना है।

मेरे पास वर्तमान में एक स्थिर स्क्रिप्ट है:

HTML:

  & lt; script src = "https://raw.github.com/caleb531/jcanvas/master/jcanvas.min.js" & gt; & lt; / स्क्रिप्ट & gt; & LT; कैनवास & gt; & lt; / कैनवास & gt;   

जावास्क्रिप्ट:

  var mw = $ (दस्तावेज़)। वाइड (); Var एमएच = $ (दस्तावेज़)। हाइट (); var gs1 = 0 var gs2 = 1/5 var gs3 = 2/5 var gs4 = 3/5 var gs5 = 4/5 var gs6 = 1 $ ('कैनवास')। attr ('width', mw) .attr ( 'ऊंचाई', एमएच); वर्जिन ग्रेड = $ ('कैनवास')। बनानेग्रेडिएन्ट ({x1: 0, y1: 0, x2: एमडब्ल्यू, y2: 0, सी 1: '# ई 33 ए 3 ए', एस 1: जीएस 1, सी 2: '# एफबी 57 एफबी', एस 2: जीएस 2 , सी 3: '# 21 ए 5 ईबी', एस 3: जीएस 3, सी 4: '# 1 ईसीए 18', एस 4: जीएस 4, सी 5: '# ईबीडी 427', एस 5: जीएस 5, सी 6: '# ईबी 4127', एस 6: जीएस 6}); $ ('कैनवास')। डॉटटेस्ट ({fillStyle: Grad, x: mw / 2, y: mh / 20, fontSize: mw / 1.8 + '%', केंद्र से: सही, फ़ॉन्टफ़ाइल: "कैलिबरी, एरियल", पाठ: 'वाह! अद्भुत इंद्रधनुष!'})   

कृपया मेरी मदद करें, और jCanvas और jQuery syntaxes का उपयोग करने का प्रयास करें। धन्यवाद।

  var i = setInterval (टाइमर, 500); फ़ंक्शन टाइमर () (यदि (बू! == 'परिवर्तन') {boo = 'change'; ए = '# ई 33 ए 3 ए'; बी = '# एफबी 57 एफबी'; c = '# 21E5EB'; d = '# 1ECA18'; ई = '# ईबीडी 427'; f = '# EB4127'; } और {boo = 'अन्य'; ए = '# EB4127'; बी = '# ईबीडी 427'; c = '# 1ECA18'; d = '# 21E5EB'; ई = '# एफबी 57 एफबी'; एफ = '# ई 33 ए 3 ए'; } console.log (boo); dragTextAnimatable (); }   


नैटीव ज्वसक्रिप

  var gradient = context.createLinearGradient (0, 0, मेगावाट, 0); के लिए (var i = 0; i & lt; रंग स्टॉप। लैंगटी; आई ++) {var tempColorStop = colorStops [i]; var tempColor = tempColorStop.color; var tempStopPercent = tempColorStop.stopPercent; gradient.addColorStop (tempStopPercent, tempColor); TempStopPercent + = .015; अगर (tempStopPercent & gt; 1) {tempStopPercent = 0; } tempColorStop.stopPercent = tempStopPercent ;; रंग स्टॉप [i] = टेम्प्लेरोलटॉप; }    

Comments

Popular posts from this blog

php - PDO bindParam() fatal error -

logging - How can I log both the Request.InputStream and Response.OutputStream traffic in my ASP.NET MVC3 Application for specific Actions? -

java - Why my included JSP file won't get processed correctly? -