这是一个很酷的小库。 它使用 SVG 将手绘风格的注释插入元素(可能是文本),例如下划线和框突出显示(有 6 种设计选项,所有选项都可配置)。超级聪明。
这是一个小演示
除了很酷之外,我真的很喜欢它的发布方式。 您可以从 npm 使用它。 它已准备好通过 ES6 导入使用。 您只需将其用作 <script src>
。 然后,如果您碰巧使用 JavaScript 框架,则有 React、Vue、Svelte、Angular 和 Web Components 的包装器。 很好。
并非所有项目都采用这种方法。 这里还有一个非常酷的项目:gooey-react。 它采用 gooey 效果 概念,并通过 React/JSX 为其提供 API。

同样,这非常酷且很聪明,我非常喜欢它——但想象一下另一种方法,也许是带有 data-*
属性的 HTML 包装器来控制效果。 这样,包装器就可以(轻松地)在任何 JavaScript 框架中创建。