Wykorzystanie grafiki SVG w symbolach
Kurs Industrial Graphics w oprogramowaniu AVEVA, odc. 10
Kontakt w sprawie artykułu: Mateusz Zajchowski - 2026-07-28
W tym odcinku dowiemy się, jak dodawać do symboli Industrial Graphics grafikę w formacie SVG.
Kurs projektowania symboli Industrial Graphics w oprogramowaniu wizualizacyjnym AVEVA
1. Wprowadzenie do Industrial GraphicsEdytor Industrial Graphics2. Edytor symboli Industrial Graphics3. Zaznaczanie i przesuwanie elementów graficznych 4. Grupowanie elementów graficznych 5. Wyrównywanie elementów graficznych 6. Zmiana orientacji elementów graficznych 7. Kolejność elementów w osi Z (z-order) 8. Dynamiczna zmiana rozmiaru 9. Tworzenie symboli na podstawie zmiennych 10. Wykorzystanie grafiki SVG w symbolach | Rysowanie w Industrial Graphics11. Rysowanie linii12. Rysowanie kształtów 13. Teksty i pola tekstowe 14. Wyświetlanie statusu jakości danych 15. Praca z przyciskami wyboru (radio buttons) 16. Praca z kontrolką kalendarza 17. Praca z kontrolką wyboru daty i czasu | Animacje18. Wprowadzenie do animacji19. Animacja wypełnienia procentowego 20. Animacja wyświetlania wartości 21. Animacja wprowadzania wartości Narzędzia zaawansowane22. Wprowadzenie do właściwości Custom Properties23. Dodawanie właściwości Custom Properties 24. Wprowadzenie do stylów 25. Wprowadzenie do skryptów 26. Edytor skryptów Industrial Graphics |
SVG (Scalable Vector Graphics) to otwarty, uniwersalny format graficzny służący do opisu dwuwymiarowej grafiki wektorowej. Jest on oparty na języku znaczników XML. Obrazy w formacie SVG mogą być wykorzystywane do budowania grafik symboli Industrial Graphics.
Aby umieścić grafikę SVG w obiekcie Industrial Graphics, wystarczy ją zaimportować, za pomocą polecenia Import SVG. Jest ono dostępne na pasku narzędziowym:
Alternatywnie można je również wybrać z menu Graphic.
Otworzy się przeglądarka plików.
Możemy teraz wybrać plik graficzny SVG z dysku, a po naciśnięciu Open wskazać miejsce, w którym obraz powinien zostać umieszczony, i kliknąć przyciskiem myszy.
Drugim sposobem jest otwarcie pliku SVG w postaci tekstowej (np. w Notatniku).
Możemy wtedy zaznaczyć cały tekst zawarty w takim pliku, skopiować go do schowka, a następnie kliknąć prawym klawiszem myszy na obszarze roboczym edytora Industrial Graphics i z menu kontekstowego wybrać Paste SVG (skrót klawiszowy CTRL+T).
Pojawi się specjalny kursor, za pomocą którego możemy umieścić grafikę w wybranym miejscu.
Tak wklejona grafika może być dowolnie skalowana. Warto też zwrócić uwagę, że ma ona postać grupy złożonej z poszczególnych elementów – takich, z jakich zbudowany jest oryginalny plik SVG. Widać to w panelu Elements. Dzięki temu każdym z elementów takiej grafiki można oddzielnie manipulować. Grupowaniu elementów poświęcony był 4 odcinek tego kursu.
Nie wszystkie elementy standardu SVG są obsługiwane w symbolach Industrial Graphics. Przykładem mogą być cienie (drop shadow). Aby sprawdzić, jakie elementy w plikach SVG są, a jakie nie są obsługiwane, warto sprawdzić dokumentację. W pomocy AVEVA (AVEVA Help w menu Start) wybieramy rozdział AVEVA Industrial Graphics Editor.
Następnie w polu wyszukiwarki wprowadzamy „svg”, a następnie wybieramy artykuł „SVG graphic limitations”.
Wyświetlona zostanie tabela zawierająca informację o wszystkich obsługiwanych i nieobsługiwanych elementach standardu SVG.
W następnym odcinku poznawać pierwsze elementy, z wykorzystaniem których możemy rysować symbole Industrial Graphics.
