/ / Jak wypełnić obszar zdefiniowany przez ścieżki w Raphael (JavaScript)? - javascript, wykresy, raphael

Jak wypełnić obszar zdefiniowany przez ścieżki w Raphael (JavaScript)? - javascript, charts, raphael

Powiedzmy, że mam ścieżkę w Raphaelu narysowaną sznurkiem:

M 163 420 R 163 360 188 330 213 210 238 270 263 30 288 60 313 90 338 180 363 330 388 420

Dałoby to taki wynik:

Przykładowy wynik

Jak mogę użyć Rafaela do wypełnienia tego obszarupod ścieżką z kolorem, jak wykres warstwowy? Ponieważ znam początkowe i końcowe punkty na dolnej krawędzi, mogłem kontynuować ścieżkę i zrobić z niej zamkniętą pętlę, dodając „L 163 420”, aby narysować linię prostą od dolnego prawego do dolnego lewego.

Nie mogę znaleźć niczego w dokumentacji dotyczącej tworzenia obszarów do wypełnienia za pomocą ścieżek, ale na pewno musi to być możliwe, prawda?

Odpowiedzi:

2 dla odpowiedzi № 1

Użyj atrybutu fill. Nie musisz też zamykać ścieżki, Raphael może to rozgryźć.

paper.path("M 163 420 R 163 360 188 330 213 210 238 270 263 30 288 60 313 90 338 180 363 330 388 420")
.attr("fill", "red");