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

HTML में गति का आभास देने के लिए शोर को असीमित रूप से एनिमेट करने के लिए कैनवास को एनिमेट करना


putImageData() विधि छवि डेटा को कैनवास पर रखती है। कैनवास को चेतन करने के लिए, हम मुख्य लूप के बाहर एक पुन:प्रयोज्य ImageData ऑब्जेक्ट बनाते हैं,

var ct = c.getContext("2d", {alpha: false});       // context without alpha channel.
var a = ct.createImageData(c.width, c.height);  
var buffer = new Uint32Array(a.data.buffer);  

function loop() {
   noise(ct);
   requestAnimationFrame(loop)
})()

function noise(ct) {
   var l =buffer.length - 1;
   while(l--) buffer[l] = Math.random() <0.5 ?0 : -1>>0;
   ct.putImageData(a, 0, 0);
}

  1. HTML कैनवास स्ट्रोक () विधि

    HTML कैनवास की स्ट्रोक () विधि का उपयोग पथ को खींचने के लिए किया जाता है। यह पथ moveTo() और lineTo() विधि से तैयार किया गया है। तत्व आपको जावास्क्रिप्ट का उपयोग करके वेब पेज पर ग्राफिक्स बनाने की अनुमति देता है। प्रत्येक कैनवास में दो तत्व होते हैं जो कैनवास की ऊंचाई और चौड़ाई का वर्णन करते हैं अर्

  1. एचटीएमएल डोम कैनवास वस्तु

    HTML DOM कैनवास ऑब्जेक्ट HTML5 में पेश किए गए तत्व से जुड़ा है। जावास्क्रिप्ट की मदद से ग्राफिक्स बनाने के लिए टैग का उपयोग किया जाता है। कैनवास ग्राफिक्स के लिए एक कंटेनर के रूप में कार्य करता है। कैनवास पर, हम रेखाएँ, आकृतियाँ आदि बना सकते हैं। गुण कैनवास ऑब्जेक्ट के लिए निम्नलिखित गुण हैं - सं

  1. HTML कैनवास मूल बातें

    वेब पेज पर कैनवास बनाने के लिए, HTML5 कैनवास तत्व का उपयोग करें। तत्व आपको जावास्क्रिप्ट का उपयोग करके ग्राफिक्स बनाने की अनुमति देता है। कैनवास के साथ, एक रेखा, आयत, बेज़ियर वक्र, आदि बनाएं। प्रत्येक कैनवास में दो तत्व होते हैं जो कैनवास की ऊंचाई और चौड़ाई का वर्णन करते हैं अर्थात क्रमशः ऊंचाई और