Metoda klip HTML canvas ()
HTML Instrukcja płótno referencyjny
Przykłady
Wyciąć prostokątny obszar 200 * 120 pikseli z płótna. Następnie narysować czerwony prostokąt. Tylko czerwona część prostokątna jest cięty w regionie są widoczne:
JavaScript:
var ctx=c.getContext("2d");
// Clip a rectangular area
ctx.rect(50,20,200,120);
ctx.stroke();
ctx.clip();
// Draw red rectangle after clip()
ctx.fillStyle="red";
ctx.fillRect(0,0,150,100);
</script>
Spróbuj »
Pomoc Browser
Internet Explorer 9, Firefox, Opera, Chrome i Safari klip wsparcie metoda ().
Uwaga: 8 i wcześniejsze wersje programu Internet Explorer nie obsługuje <canvas> elementu.
Definicja i Wykorzystanie
Metoda Clip () wyciąć dowolny kształt i rozmiar z oryginalnego płótna.
Wskazówka: Po wyciąć pewien obszar, wszystkie późniejsze rysunek zostanie ograniczony do obszaru, który ma być cięte (brak dostępu do innych obszarów na płótnie). Można również użyć metody klip () przed metody () na obecnym obszarze płótnie zapisanych przy użyciu zapisywać i odzyskać (poprzez przywrócenie () metoda) w przyszłości w każdej chwili.
| Składnia JavaScript: | Kontekst .clip (); |
|---|
HTML Instrukcja płótno referencyjny