Dies ist eine nette kleine Bibliothek. Sie verwendet SVG, um handgezeichnet aussehende Annotationen zu Elementen (wahrscheinlich Text) hinzuzufügen, wie Unterstreichungen und Kasten-Hervorhebungen (es gibt 6 Designoptionen, alle konfigurierbar). Super clever.
Hier ist eine kleine Demo
Abgesehen davon, dass es einfach cool ist, gefällt mir sehr gut, wie es veröffentlicht wurde. Sie können es von npm verwenden. Es ist bereit zur Verwendung über ES6-Imports. Sie können es einfach als <script src> verwenden. Wenn Sie dann zufällig ein JavaScript-Framework verwenden, gibt es Wrapper für React, Vue, Svelte, Angular und Web Components. Nett.
Nicht alle Projekte verfolgen diesen Ansatz. Hier ist ein weiteres sehr cooles Projekt: gooey-react. Es nimmt das Gooey-Effekt-Konzept auf und stellt es im Wesentlichen über React/JSX als API zur Verfügung.
Auch das ist sehr cool und clever und ich liebe es – aber stellen Sie sich stattdessen einen anderen Ansatz vor, vielleicht einen HTML-Wrapper mit data-*-Attributen zur Steuerung des Effekts. Damit könnten Wrapper in jedem JavaScript-Framework (einfach?) erstellt werden.