Wypełnienie i obrys

Grafika wektorowa: obiekty zamiast pikseli - Grafika komputerowa w szkole podstawowej (draw)

Każdy obiekt ma **wypełnienie** (kolor środka) i **obrys** (kolor i grubość brzegu). Każde z nich może być wyłączone. - Górny rząd: tylko wypełnienie, tylko obrys, oba (z zaokrąglonymi rogami). - Dolny rząd: to samo dla gwiazdy; ostatnia jest dodatkowo obrócona. Kliknięcie koloru w palecie zmienia wypełnienie, a prawy przycisk zmienia obrys.

{"width":800,"height":600,"background":"#ffffff","shapes":[{"type":"rect","stroke":null,"strokeWidth":0,"opacity":1,"rotation":0,"hidden":false,"group":null,"fill":"#38bdf8","x":60,"y":120,"w":180,"h":140},{"type":"rect","stroke":"#0f172a","strokeWidth":6,"opacity":1,"rotation":0,"hidden":false,"group":null,"fill":null,"x":310,"y":120,"w":180,"h":140},{"type":"rect","stroke":"#0f172a","strokeWidth":6,"opacity":1,"rotation":0,"hidden":false,"group":null,"fill":"#38bdf8","x":560,"y":120,"w":180,"h":140,"radius":24},{"type":"star","stroke":null,"strokeWidth":0,"opacity":1,"rotation":0,"hidden":false,"group":null,"fill":"#facc15","points":[150.0,339.0,171.2,399.9,235.6,401.2,184.2,440.1,202.9,501.8,150.0,465.0,97.1,501.8,115.8,440.1,64.4,401.2,128.8,399.9]},{"type":"star","stroke":"#ca8a04","strokeWidth":5,"opacity":1,"rotation":0,"hidden":false,"group":null,"fill":null,"points":[400.0,339.0,421.2,399.9,485.6,401.2,434.2,440.1,452.9,501.8,400.0,465.0,347.1,501.8,365.8,440.1,314.4,401.2,378.8,399.9]},{"type":"star","stroke":"#ca8a04","strokeWidth":5,"opacity":1,"rotation":20,"hidden":false,"group":null,"fill":"#facc15","points":[650.0,339.0,671.2,399.9,735.6,401.2,684.2,440.1,702.9,501.8,650.0,465.0,597.1,501.8,615.8,440.1,564.4,401.2,628.8,399.9]}]}

Ładowanie interaktywnego edytora... Jeśli się nie pojawi, włącz JavaScript.

Wszystkie lekcje kursu Grafika komputerowa w szkole podstawowej·Zaloguj się, aby zapisać postęp na koncie.