HTML canvas putImageData() तरीका

HTML5 Canvas संदर्भ पुस्तिका

परिभाषा और उपयोग

putImageData() तरीका चित्र डाटा (निर्दिष्ट ImageData ऑब्जेक्ट से) को चित्रपट पर वापस रखता है。

सूचना:देखें getImageData() तरीका, जो चित्रपट पर निर्दिष्ट चक्राकार के रंग डाटा को कॉपी करता है。

सूचना:देखें createImageData() तरीका, जो नए खाली ImageData ऑब्जेक्ट को बनाता है。

उदाहरण

नीचे दिए गए कोड इसके द्वारा चित्रपट पर निर्दिष्ट चक्राकार के रंग डाटा को कॉपी करता है, फिर putImageData() के द्वारा इस चित्र डाटा को चित्रपट पर वापस रखता है:

var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.fillStyle="green";
ctx.fillRect(10,10,50,50);
function copy()
{
var imgData=ctx.getImageData(10,10,50,50);
ctx.putImageData(imgData,10,70);
}

अपने आप से प्रयोग करें

व्याकरण

कंटेक्स्ट.putImageData(imgData,x,y,dirtyX,dirtyY,dirtyWidth,dirtyHeight);

पैरामीटर मूल्य

पैरामीटर वर्णन
imgData कैनवस में वापस लाने हेतु परिवर्तित करने हेतु ImageData ऑब्जैक्ट निर्दिष्ट करें।
x ImageData ऑब्जैक्ट के उच्चस्थानीय अ (x) सतह के पिक्सल मान
y ImageData ऑब्जैक्ट के उच्चस्थानीय य (y) सतह के पिक्सल मान
dirtyX वैकल्पिक।स्तरीय मान (x), पिक्सल में, कैनवस पर चित्र को स्थापित करने के स्थान।
dirtyY वैकल्पिक।स्तरीय मान (y), पिक्सल में, कैनवस पर चित्र को स्थापित करने के स्थान।
dirtyWidth वैकल्पिक।कैनवस पर चित्र ड्राइंग के लिए उपयोग की गई चौड़ाई।
dirtyHeight वैकल्पिक।कैनवस पर चित्र ड्राइंग के लिए उपयोग की गई ऊंचाई।

ब्राउज़र समर्थन

तालिका में दिए गए नंबरों के द्वारा इस गुण को पूरी तरह से समर्थन देने वाले पहले ब्राउज़र का संस्करण निर्दिष्ट किया गया है।

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
4.0 9.0 3.6 4.0 10.1

टिप्पणी：Internet Explorer 8 और उससे पहले की संस्करण ने <canvas> एलीमेंट को समर्थित नहीं किया।

HTML5 Canvas संदर्भ पुस्तिका