కాన్వాస్ క్లిప్() మెథడ్
నిర్వచనం మరియు ఉపయోగం
clip() మెఘదండం నుండి ఏదైనా రూపం మరియు పరిమాణంలో కట్ చేయవచ్చు.
సలహా:ఒక ప్రాంతాన్ని కట్ చేసిన తర్వాత, తరువాత అన్ని చిత్రాలు కట్ ప్రాంతంలోనే పరిమితం అవుతాయి (కాన్వాస్ పైని ఇతర ప్రాంతాలను ప్రాప్యం చేయలేదు). మీరు కూడా save() మెథడ్ను ఉపయోగించి ప్రస్తుత కాన్వాస్ ప్రాంతాన్ని సేవ్ చేయవచ్చు, మరియు తరువాత ఏ సమయంలోనైనా దానిని పునరుద్ధరించవచ్చు (restore() మెథడ్ను ఉపయోగించి).
ప్రతిమా ప్రాంతం
200*120 పిక్సెల్స్ రెక్టాంజిలు ప్రాంతాన్ని కాన్వాస్ నుండి కట్ చేయండి. పసిగోలు రెక్టాంజిలు చిత్రం చేయండి. కట్ ప్రాంతంలోని పసిగోలు రెక్టాంజిలు మాత్రమే కనిపిస్తాయి:
జావాస్క్రిప్ట్:
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
// కట్ రెక్టాంజిలు ప్రాంతం
ctx.rect(50,20,200,120);
ctx.stroke();
ctx.clip();
// పసిగోలు ప్రాంతం తర్వాత పసిగోలు రెక్టాంజిలు చిత్రం చేయండి
ctx.fillStyle="green";
ctx.fillRect(0,0,150,100);
సంకేతం
context.clip();
బ్రౌజర్ మద్దతు
ఈ పట్టికలో గాను ఈ లక్షణాన్ని పూర్తిగా మద్దతు ఇచ్చే మొదటి బ్రౌజర్ సంస్కరణను గుర్తించబడింది.
| క్రోమ్ | ఎడ్జ్ | ఫైర్ఫాక్స్ | సఫారీ | ఆపెరా |
|---|---|---|---|---|
| క్రోమ్ | ఎడ్జ్ | ఫైర్ఫాక్స్ | సఫారీ | ఆపెరా |
| 4.0 | 9.0 | 3.6 | 4.0 | 10.1 |
ప్రకటనలు:ఇంటర్నెట్ ఎక్స్ప్లోరర్ 8 మరియు అది ముంది సంస్కరణలు <canvas> కొడ్ ఎలంట్ ని మద్దతు లేదు.
