Canvas putImageData() పద్ధతి

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> కొడ్డు పరికరాన్ని అనుమతించవు.

Canvas సందర్శనా కైవియత్తలు