Canvas fillRect() పద్ధతి
నిర్వచనం మరియు ఉపయోగం
fillRect() రూపకల్పన మార్గదర్శకం మార్గదర్శకం ద్వారా "పూర్తిగా చిత్రబద్ధ" రెక్టాంజిల్ని చిత్రబద్ధం చేయడానికి మార్గదర్శకం. పూర్తిగా చిత్రబద్ధ రంగు అప్రమేయంగా కాలుష్య రంగు.
సూచనఉపయోగించండి fillStyle రూపకల్పనను పూర్తిగా చిత్రబద్ధం చేయడానికి ఉపయోగించే రంగు, గ్రేడియంట్ లేదా మోడ్లను అమర్చడానికి ఉపయోగించే అనువర్తనం.
ఉదాహరణ
150*100 పిక్సెల్స్ యొక్క పూర్తిగా చిత్రబద్ధ రెక్టాంజిల్ని చిత్రబద్ధం చేయండి:
JavaScript:
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.fillRect(20,20,150,100);
సింథాక్స్
context.fillRect(x,y,width,height);
పారామీటర్ విలువ
| పారామీటర్ | వివరణ |
|---|---|
| x | స్కీమా ఎడమ పైకిరికి యొక్క x నిర్దేశం. |
| y | స్కీమా ఎడమ పైకిరికి యొక్క y నిర్దేశం. |
| width | స్కీమా వెడిథ్, పిక్సెల్స్ లో పరిమాణం. |
| height | height |
నిలువు పరిమాణం పెట్టికి పెట్టబడింది.
బ్రౌజర్ మద్దతు
| పట్టికలో ఉన్న సంఖ్యలు ఈ లక్షణాన్ని పూర్తిగా మద్దతు ఇచ్చే మొదటి బ్రౌజర్ వెర్షన్ని పేర్కొన్నాయి. | చ్రోమ్ | ఎడ్జ్ | ఫైర్ఫాక్స్ | సఫారీ |
|---|---|---|---|---|
| పట్టికలో ఉన్న సంఖ్యలు ఈ లక్షణాన్ని పూర్తిగా మద్దతు ఇచ్చే మొదటి బ్రౌజర్ వెర్షన్ని పేర్కొన్నాయి. | చ్రోమ్ | ఎడ్జ్ | ఫైర్ఫాక్స్ | సఫారీ |
| 3.6 | ఒపెరా | 9.0 | 3.6 | 4.0 |
10.1కోమెంట్స్:
