Spisie treści
Istnieją różne rodzaje efekty i przekształcenia które można nałożyć na płótno, pozwala to na generowanie obrazów, które wcześniej można było sobie wyobrazić tylko we flashu i innych podobnych narzędziach.Wśród tych efektów mamy tworzenie cieni, które pozwalają nam ulżyć rysunkom, które włączamy do naszego płótnoIstnieją również efekty przezroczystości, które pozwalają nam nakładać jeden element na drugi, generując nieskończone prawdopodobieństwa projektowe.
Odcienie
Cienie pozwalają nam nadać efekt głębi i reliefu naszym elementom, na płótnie możemy włączyć te cienie do elementów, w tym celu mamy następujące właściwości, które pozwalają nam dostosować je w zależności od tego, co chcemy z nimi osiągnąć:
- rozmycie cienia: Ustawia stopień ostrości cienia na wyższą wartość, mniejszą ostrość i większe jego rozproszenie.
- kolor cienia: Pozwala ustawić kolor cienia.
- Odsunięcie cieniaX: Ustawia poziomy punkt wyjścia cienia.
- Odsunięcie cienia Y: Ustawia pionowy punkt upuszczania cienia.
Przykład Twoja przeglądarka nie obsługuje elementu płótno W tym przykładzie nakładamy cienie na prostokąt, a także na tekst i krzywą, zobaczmy, jak to wygląda w przeglądarce:
Aby ustalić przejrzystość, mamy dwa sposoby, pierwszy to użycie funkcja rgba w atrybutach wypełnienieStyl Tak styl obrysu; drugim sposobem, jaki mamy, jest użycie właściwości rysowania globalnaAlfa ma to zastosowanie uniwersalne.
Zobaczmy poniżej przykład z wykorzystaniem drugiej formy, która jest najprostsza i najbardziej bezpośrednia w zastosowaniu, podkreślamy, że wartości, które akceptuje globalnaAlfa są 0 dla pełnej przejrzystości Tak 1, aby był całkowicie nieprzezroczysty, w przypadku przykładu użyjemy 0,5 jako wartości, która pozwala nam na pośrednictwo:
Przykład Twoja przeglądarka nie obsługuje elementu płótno Jak widać, narysowaliśmy prostokąt nad tekstem i dzięki globalnaAlfa widzimy efekt przejrzystości, który pozwala nam docenić dwie narysowane liczby:
