Gabinet dentystyczny - Legenda
Ogłoszenie
Dziś moje urodziny ✨ 🎂 ! Nie ma lepszego prezentu niż chwila kodowania przy kawie… ☕
Zabawa nową biblioteką
Wypróbowuję ostatnio nową bibliotekę do rysowania - svg.js. W porównaniu do Raphaela jest ona dużo bardziej “poukładana”, API wydaje się bardziej przejrzyste, dokumentacja zaś jest dobrze napisana i czytelna.
Chcę użyć jej do renderowania diagramu zębowego. Kolejny raz zmieniłam koncepcję:
- tym razem ścieżki SVG oznaczające stany całych zębów chcę przechowywać w bazie
- w bazie będzie również kolor stanu
- kliknięcie fragmenu/całego zęba spowoduje zmianę stanu
- w przypadku fragmentu zmieni się kolor fragmentu
- w przypadku całości zmieni się kolor wypełnienia i kształt ścieżki
Ekran
Obecnie ekran wizyty wygląda tak:
Stany
Stany są pobierane z bazy danych. Tabela state
wygląda teraz tak:
|
|
Wypełniam ją kształtami wyklikanymi w PathEditorze:
|
|
Wniosek
Trzeba powoli kończyć zabawę z wyświetlaniem i zabrać się za publikowanie zmian z GUI do serwera. Na to trochę brakuje zasobów, ale nie należy się zniechęcać. Nie od razu Kraków zbudowano, prawda? 😄
Ten wpis jest częścią serii gabinet.
- 2021-13-09 - Gabinet dentystyczny - zapis zmian i podsumowanie
- 2021-11-09 - Gabinet dentystyczny - Legenda
- 2021-07-09 - Gabinet dentystyczny - diagram
- 2021-27-08 - Gabinet dentystyczny - przygotowania do rysowania diagramu
- 2021-26-08 - Gabinet dentystyczny - usuwanie pacjentów i wizyt
- 2021-23-08 - Gabinet dentystyczny - dodanie wizyt
- 2021-15-08 - Gabinet dentystyczny - prosta aplikacja webowa w Go