Szukaj…


Wprowadzenie

Canvas to Node JavaFX, reprezentowany jako pusty prostokątny obszar, który może wyświetlać obrazy, kształty i tekst. Każde Canvas zawiera dokładnie jeden obiekt GraphicsContext , odpowiedzialny za odbieranie i buforowanie wywołań losowania, które na końcu są renderowane na ekranie przez Canvas .

Podstawowe kształty

GraphicsContext zapewnia zestaw metod do rysowania i wypełniania kształtów geometrycznych. Zazwyczaj metody te wymagają przekazania współrzędnych jako ich parametrów, bezpośrednio lub w postaci tablicy double wartości. Współrzędne są zawsze względne w stosunku do obszaru Canvas , którego początek znajduje się w lewym górnym rogu.

Uwaga: GraphicsContext nie będzie rysował poza granicami obszaru Canvas , tzn. Próba rysowania poza obszarem obszaru Canvas określonego przez jego rozmiar i zmiana jego rozmiaru później nie przyniesie rezultatu.

Poniższy przykład pokazuje, jak narysować trzy półprzezroczyste wypełnione kształty geometryczne obrysowane czarnym obrysem.

Canvas canvas = new Canvas(185, 70);
GraphicsContext gc = canvas.getGraphicsContext2D();

// Set stroke color, width, and global transparency
gc.setStroke(Color.BLACK);   
gc.setLineWidth(2d);
gc.setGlobalAlpha(0.5d);

// Draw a square
gc.setFill(Color.RED);
gc.fillRect(10, 10, 50, 50);
gc.strokeRect(10, 10, 50, 50);

// Draw a triangle
gc.setFill(Color.GREEN);
gc.fillPolygon(new double[]{70, 95, 120}, new double[]{60, 10, 60}, 3);
gc.strokePolygon(new double[]{70, 95, 120}, new double[]{60, 10, 60}, 3);

// Draw a circle
gc.setFill(Color.BLUE);
gc.fillOval(130, 10, 50, 50);
gc.strokeOval(130, 10, 50, 50);

Wynik



Modified text is an extract of the original Stack Overflow Documentation
Licencjonowany na podstawie CC BY-SA 3.0
Nie związany z Stack Overflow