Horizontally Animate Gradient in HTML5 Canvas using jCanvas & jQuery -
मुझे एक भरण ढाल < गतिशील रूप से मेरे पास वर्तमान में एक स्थिर स्क्रिप्ट है: HTML: जावास्क्रिप्ट: कृपया मेरी मदद करें, और रंगस्टॉप (दाएं से बाएं) की स्थितियों को बदलकर अरोड़ा जैसा प्रभाव बनाने के लिए क्षैतिज रूप से चेतन करें मुझे लगता है,
setTimeout () विधि का उपयोग करके किया जा सकता है लेकिन मुझे नहीं पता कि यह कैसे करना है।
& 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
Post a Comment