హెచ్ఎంఎల్ కాన్వాస్ స్ట్రోక్ టెక్స్ట్() మాథ్యూడ్
డిఫైనిషన్ మరియు ఉపయోగం
strokeText() కాన్వాస్ పై వచనాలను చిత్రీకరించే మార్గదర్శకం (రంగు లేని చిత్రీకరణ). వచనాల డిఫాల్ట్ రంగు కాలర్ బ్లాక్.
అనుష్ఠానం:వాడండి font అంశాలను డిఫైన్ చేయడానికి మరియు వాడండి strokeStyle వచనాలను మరొక రంగు/స్ప్రేడ్ తో చిత్రీకరించడానికి సంబంధించిన అంశాలు.
ప్రకటన
strokeText() మార్గదర్శకం వాడి కాన్వాస్ పై "Hello world!" మరియు "codew3c.com" వచనాలను వ్రాయండి:
జావాస్క్రిప్ట్:
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.font="20px Georgia";
ctx.strokeText("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.strokeStyle=gradient;
ctx.strokeText("codew3c.com",10,90);
సింథాక్స్
context.strokeText(text,x,y,maxWidth);
పారామీటర్ విలువలు
| పారామీటర్స్ | వివరణ |
|---|---|
| text | కాన్వాస్ పైన అవుతుంది టెక్స్ట్ ని నిర్దేశిస్తుంది. |
| x | టెక్స్ట్ యొక్క ప్రారంభ యొక్క x అక్షాంశం కాన్వాస్ తో పోల్చి చూపిస్తుంది. |
| y | టెక్స్ట్ యొక్క ప్రారంభ యొక్క y అక్షాంశం కాన్వాస్ తో పోల్చి చూపిస్తుంది. |
| maxWidth | ఎంపిక. అధికతమ టెక్స్ట్ వెడితం, పిక్సెల్స్ లో అందించబడింది. |
బ్రౌజర్ మద్దతు
పట్టికలో నమూనాలు ఈ అట్రిబ్యూట్ ను పూర్తిగా మద్దతు ఇచ్చే మొదటి బ్రౌజర్ వెర్షన్ను చూపిస్తాయి.
| చ్రోమ్ | ఎడ్జ్ | ఫైర్ఫాక్స్ | సఫారీ | ఆపెరా |
|---|---|---|---|---|
| చ్రోమ్ | ఎడ్జ్ | ఫైర్ఫాక్స్ | సఫారీ | ఆపెరా |
| 4.0 | 9.0 | 3.6 | 4.0 | 10.1 |
గమనిక:ఇంటర్నెట్ ఎక్స్ప్లోరర్ 8 మరియు అది ముంది వెర్షన్లు <canvas> ఎలిమెంట్ నిర్లక్ష్యం చేయబడింది.
