HTML canvas strokeText() method
Mifano na matumizi
strokeText() Methodi inayotumika kichapa matukio kwenye picha (bila rangi). Rangi kwa chukua ni mabrowni.
Mtaarifu:Tumia font kufafanisha fonti na ukurata na kusaidia strokeStyle Matumizi ya rangi au rangi wa kuzingatia matukio.
Mifano
Tumia methodi ya strokeText(), kichapa matukio "Hello world!" na "codew3c.com" kwenye picha:
JavaScript:
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.font="20px Georgia";
ctx.strokeText("Hello World!",10,50);
ctx.font="30px Verdana";
// Kichapa rangi
var gradient=ctx.createLinearGradient(0,0,c.width,0);
gradient.addColorStop("0","magenta");
gradient.addColorStop("0.5","blue");
gradient.addColorStop("1.0","red");
// Kuongeza rangi ya kumaliza
ctx.strokeStyle=gradient;
ctx.strokeText("codew3c.com",10,90);
Inasababu
context.strokeText(text,x,y,maxWidth);
Mambo ya thamani
| Mambo | Maelezo |
|---|---|
| text | Matukio ya kuzingatia kwa kifaa cha kilektroniki. |
| x | Kipakani cha yako cha kwanza cha uhariri wa matukio (kwa kuzingatia kifaa cha kilektroniki). |
| y | Kipakani cha yako ya yote ya uhariri wa matukio (kwa kuzingatia kifaa cha kilektroniki). |
| maxWidth | Inahofuwa. Kikubaliane kikubaliane cha uangalifu wa matukio, inakadiriwa kwa pizeli. |
Mawasiliano wa browser
Inafikia browser kwa jumla ya sababu ya kwanza ya kusahau uendingaji huo.
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera |
| 4.0 | 9.0 | 3.6 | 4.0 | 10.1 |
Matokeo:Internet Explorer 8 na vyenginevu vya awali hawafikii <canvas> taji.
