strokeStyle-ominaisuus
Ominaisuus strokeStyle asettaa viivan värin
piirrettäessä canvasia. Ominaisuuden arvona
voi olla mikä tahansa CSS
väriyksikkö.
Syntaksi
konteksti.strokeStyle = väri;
Esimerkki
Piirretään ääriviiva käyttäen rect
ja väritetään se punaiseksi:
<canvas id="canvas" width="200" height="200" style="background: #f4f4f4;"></canvas>
let canvas = document.querySelector('#canvas');
let ctx = canvas.getContext('2d');
ctx.rect(50, 50, 100, 100);
ctx.strokeStyle = 'red';
ctx.stroke();
:
Katso myös
-
metodi
fillStyle,
joka asettaa kuvion taustavärin
