హెచ్టిఎంఎల్ కాన్వెక్స్ ఫిల్ల్ రెక్ట్() పద్ధతి
నిర్వచనం మరియు వినియోగం
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 | కోట్రింగ్ పరిమాణం, పిక్సెల్స్ ద్వారా. |
బ్రౌజర్ మద్దతు
పట్టికలో విలువలు ఈ అట్రిబ్యూట్‌ను పూర్తిగా మద్దతు ఇచ్చే మొదటి బ్రౌజర్ వెర్షన్‌ని నిర్దేశిస్తాయి.
| చ్రోమ్ | ఎడ్జ్ | ఫైర్‌ఫాక్స్ | సఫారీ | ఒపేరా |
|---|---|---|---|---|
| చ్రోమ్ | ఎడ్జ్ | ఫైర్‌ఫాక్స్ | సఫారీ | ఒపేరా |
| 4.0 | 9.0 | 3.6 | 4.0 | 10.1 |
నోట్స్:ఇంటర్నెట్ ఎక్స్‌ప్లోరర్ 8 మరియు ఆగామి ప్రతిపాదనలు <canvas> ఎలిమెంట్ నిర్వహించబడలేదు.
