Canvas strokeStyle Attribute
Definition at Usage
strokeStyle Property na nagtatakda o nangangahulugan ng kulay, gradient o pattern na ginagamit para sa pinta ng pinta.
Mga salin
Halimbawa 1
Ilikha ng isang parang. Gumamit ng kulay ng pinta na asul:
JavaScript:
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.strokeStyle="#0000ff";
ctx.strokeRect(20,20,150,100);
Grammar
context.strokeStyle=color|gradient|pattern;
Halaga ng katangian
| Halaga | Paglalarawan |
|---|---|
| color | Nagtutukoy sa kulay ng pinta ng pinta ng pagdraw CSS Color Values). Default na halaga ay #000000。 |
| gradient | Object na gradient na ginagamit para sa pagpunan ng pagdraw (LinearORadiative)。 |
| pattern | Object na pattern na ginagamit para sa paglikha ng pattern na kulay na pinta. |
Detalye ng teknolohiya
| Default na halaga: | #000000 |
|---|
Mga iba pang salin
Mga salin 2
Ilikha ng isang parang. Gumamit ng gradient na kulay na pinta:
JavaScript:
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
var gradient=ctx.createLinearGradient(0,0,170,0);
gradient.addColorStop("0","magenta");
gradient.addColorStop("0.5","blue");
gradient.addColorStop("1.0","red");
// Gumamit ng gradient para sa pagpunan
ctx.strokeStyle=gradient;
ctx.lineWidth=5;
ctx.strokeRect(20,20,150,100);
Mga salin 3
Maglagay ng teksto na may gradient na kulay na "codew3c.com":
JavaScript:
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.font="30px Verdana";
// Lumikha ng gradient
var gradient=ctx.createLinearGradient(0,0,c.width,0);
gradient.addColorStop("0","magenta");
gradient.addColorStop("0.5","blue");
gradient.addColorStop("1.0","red");
// Gumamit ng gradient para sa pagpunan
ctx.strokeStyle=gradient;
ctx.strokeText("Big smile!",10,50);
Suporta ng browser
Ang numero sa talahanayan ay nagtatala ng unang bersiyon ng browser na ganap na sumusuporta sa katangian na ito.
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera |
| 4.0 | 9.0 | 3.6 | 4.0 | 10.1 |
注释：Internet Explorer 8 以及更早的版本不支持 <canvas> 元素。
