Blotter.js

一个JavaScript API，用于在网络上绘制非常规文本效果。

免费应用
Self-Hosted

一个JavaScript API，用于在网络上绘制非常规文本效果。概述在将效果应用于Web上的文本时，传统上，设计师只能使用CSS提供的效果。在大多数情况下，这是完全合适的-文字就是文字，对吗？但是，仍然存在无数设计人员将CSS属性或gif和图像相结合以创建让人联想起更多趣味的效果的示例。正是在这里，存在Blotter来提供替代方案。...具有GLSL支持的轻松文本效果Blotter提供了一个简单的界面，用于构建和处理利用GLSL着色器的文本效果，而无需设计人员编写GLSL。Blotter具有不断增长的可配置效果库，同时还为学生或经验丰富的GLSL程序员提供了快速引导新特性的方法。单个WebGL Back Buffer Blotter中的Atlasing效果在单个WebGL上下文中呈现所有文本，并限制了使用Atlases进行绘制调用的次数。当多个文本共享相同的效果时，它们将映射到单个纹理中并一起渲染。然后将所得图像数据输出到每个元素的单独2d上下文。动画循环Blotter的内部动画循环不是按时间间隔执行，而是使用requestAnimationFrame来匹配浏览器的显示刷新率，并在用户导航到其他浏览器选项卡时暂停。提高性能并保留用户设备上的电池寿命。什么不是Blotter您可以使用熟悉的样式属性分别配置传递给Blotter的任何文本。您可以通过@ font-face规范使用自定义字体。但是，Blotter最终将传递给它的文本渲染为画布元素。这意味着渲染的文本将是不可选择的。Blotter非常适合用于图形目的的标题，标题和文本等元素。不建议将Blotter用于冗长的文本，并且在大多数情况下应单独应用于单词。

blotter-js