Eigenschap fillStyle
De eigenschap fillStyle bepaalt de vulkleur
van een vorm bij het tekenen op canvas. De waarde
van de eigenschap kan elke CSS
eenheid voor kleur zijn.
Syntaxis
context.fillStyle = kleur;
Voorbeeld
Laten we een vierkant tekenen met rect
en het vullen met een rode kleur:
<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.fillStyle = 'red';
ctx.fill();
:
Zie ook
-
methode
strokeStyle,
die de kleur van de lijn instelt
