Metóda clearRect
Metóda clearRect funguje ako guma,
vyčistí obdĺžnikovú oblasť a urobí obsah
úplne priehľadným.
Syntax
kontext.clearRect(x, y, šírka, výška);
Príklad
Nakreslime štvorček pomocou fillRect
a zmažme z neho časť pomocou clearRect:
<canvas id="canvas" width="200" height="200" style="background: #f4f4f4;"></canvas>
let canvas = document.querySelector('#canvas');
let ctx = canvas.getContext('2d');
ctx.fillRect(50, 50, 100, 100);
ctx.clearRect(75, 75, 50, 50);
:
Pozri tiež
-
metóda
fillRect,
pomocou ktorej môžete nakresliť vyfarbený obdĺžnik
