[ Leksykon ] [ JavaScript ] [ Metody ] [ Właściwości ] [ canvas ] [ CanvasRenderingContext2D ]

CanvasRenderingContext2D.closePath()

[_] [A] [B] [C] [D] [E] [F] [G] [H] [I] [J] [K] [L] [M] [N] [O] [P] [Q] [R] [S] [T] [U] [V] [W] [X] [Y] [Z]

Przykłady: 

<script>

 window.onload = () => {
 
 const szer = 600;
 const wys = 500;
 
 const canvas = document.getElementById("canvas");
 canvas.width = szer;
 canvas.height = wys; 
 const ctx = canvas.getContext("2d");
 
 ctx.beginPath();
 ctx.lineWidth = 2;
 ctx.moveTo(10, 210); // Przesuń pióro do lewego dolnego rogu
 ctx.lineTo(210, 10); // Linia do górnego rogu
 ctx.lineTo(410, 210); // Linia do prawego dolnego rogu
 ctx.lineTo(210, 410); // Linia do dolnego rogu
 ctx.closePath(); // Linia do lewego dolnego rogu
 ctx.stroke(); 

 ctx.beginPath(); 
 
 ctx.moveTo(100, 20);// Przesuń pióro
 ctx.arc(200, 120, 40, 0, 1.75 * Math.PI);
 
 ctx.moveTo(100, 200); // Przesuń pióro 
 ctx.arc(200, 250, 40, 0, 1.75 * Math.PI); 

 ctx.closePath(); // domyka linię
 ctx.lineWidth = 6;
 ctx.stroke();

 };

</script>
 
<canvas id="canvas" width="1" height="1"></canvas>

Opis:
Metoda CanvasRenderingContext2D.closePath() próbuje dodać linię prostą od bieżącego punktu do początku bieżącej ścieżki podrzędnej. Jeśli kształt został już zamknięty lub ma tylko jeden punkt, funkcja ta nie robi nic. Ta metoda nie rysuje niczego bezpośrednio na płótnie. Ścieżkę można renderować za pomocą metod stroke() lub fill().

Zobacz też:
fill() - 
stroke() -