HTML కాన్వెక్షన్ putImageData() పద్ధతి

HTML5 Canvas సందర్భాంశం

నిర్వచనం మరియు ఉపయోగం

putImageData() పద్ధతి ఇది నిర్దేశించిన ImageData అనేటి చిత్రపటంపై పునఃస్థాపిస్తుంది.

అడ్వైజరీ:చూడండి getImageData() పద్ధతి ఇది చిత్రపటంపై నిర్దేశించిన కొలతలో పిక్సెల్ డాటాను కాపీ చేస్తుంది.

అడ్వైజరీ:చూడండి createImageData() పద్ధతి ఇది కొత్త ఖాళీ ImageData అనేటిని సృష్టిస్తుంది.

ఉదాహరణ

ఈ కోడ్ చిత్రపటంపై నిర్దేశించిన కొలతలో పిక్సెల్ డాటాను కాపీ చేసి పునఃస్థాపిస్తుంది మరియు చిత్రపటంపై పునఃస్థాపిస్తుంది అనే పద్ధతిని చూపుతుంది:

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);
}

స్వయంగా ప్రయత్నించండి

సంకేతం

context.putImageData(imgData,x,y,dirtyX,dirtyY,dirtyWidth,dirtyHeight);

పారామీటర్ విలువలు

పారామీటర్స్ వివరణ
imgData 规定要放回画布的 ImageData 对象。
x ImageData 对象左上角的 x 坐标，以像素计。
y ImageData 对象左上角的 y 坐标，以像素计。
dirtyX 可选。水平值（x），以像素计，在画布上放置图像的位置。
dirtyY 可选。水平值（y），以像素计，在画布上放置图像的位置。
dirtyWidth 可选。在画布上绘制图像所使用的宽度。
dirtyHeight 可选。在画布上绘制图像所使用的高度。

బ్రౌజర్ మద్దతు

పట్టికలో అంకితం చేసిన విషయం యొక్క మొదటి పూర్తిగా అంశాన్ని మద్దతు ఇచ్చే బ్రౌజర్ వెర్షన్ నమూనా.

చ్రోమ్ ఎడ్జ్ ఫైర్ఫాక్స్ సఫారీ ఆపెరా
చ్రోమ్ ఎడ్జ్ ఫైర్ఫాక్స్ సఫారీ ఆపెరా
4.0 9.0 3.6 4.0 10.1

పేర్కొనుట:Internet Explorer 8 మరియు ఆధికారికంగా ముందుగా కన్వెన్షన్లు మద్దతు ఇవ్వలేదు <canvas> అంశం.

HTML5 Canvas సందర్భాంశం