Canvas fillText() మార్గదర్శకం
నిర్వచనం మరియు ఉపయోగం
fillText() పాఠాన్ని కాన్వాస్పై రంగులో చిత్రీకరించే మార్గం. పాఠం యొక్క డిఫాల్ట్ రంగు కాలర్ బ్లాక్ ఉంటుంది.
సూచనలు:ఉపయోగించండి font పారామీటర్ను ఉపయోగించి ఫాంట్ మరియు ఫాంట్ సైజ్ నిర్వచించండి, మరియు ఉపయోగించండి fillStyle పారామీటర్లు వేరే రంగులు/గ్రేడియంట్లతో పాఠాన్ని రెండర్ చేయండి.
ఉదాహరణ
fillText() ఉపయోగించి కాన్వాస్పై "Hello world!" మరియు "codew3c.com" పాఠాన్ని వ్రాయండి:
JavaScript:
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.font="20px Georgia";
ctx.fillText("Hello World!",10,50);
ctx.font="30px Verdana";
// గ్రేడియంట్ సృష్టించు
var gradient=ctx.createLinearGradient(0,0,c.width,0);
gradient.addColorStop("0","magenta");
gradient.addColorStop("0.5","blue");
gradient.addColorStop("1.0","red");
// గ్రేడియంట్ తో రంగులు పూరించు
ctx.fillStyle=gradient;
ctx.fillText("codew3c.com",10,90);
సింటాక్స్
context.fillText(text,x,y,maxWidth);
పారామీటర్ విలువ
| పారామీటర్ | వివరణ |
|---|---|
| text | కాన్వాస్పై ప్రదర్శించబడే పాఠం నిర్ధారించు. |
| x | కాన్వాస్కు సంబంధించినటువంటి పాఠం ప్రారంభంలో క్స్ కోఆర్డినేట్ స్థానం. |
| y | కాన్వాస్కు సంబంధించినటువంటి పాఠం ప్రారంభంలో యెయ్ కోఆర్డినేట్ స్థానం. |
| maxWidth | ఎంపికలు. ప్రత్యక్షంగా పెట్టబడే పాఠం వెడల్పు, పిక్సెల్స్ గా. |
浏览器支持
表中的数字注明了首个完全支持该属性的浏览器版本。
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera |
| 4.0 | 9.0 | 3.6 | 4.0 | 10.1 |
注释：Internet Explorer 8 以及更早的版本不支持
