Glitter.js

文本视觉渲染工具
授权协议 Apache
开发语言 JavaScript
所属分类 Web应用开发、 常用JavaScript包
软件类型 开源软件
地区 不详
投 递 者 邢项禹
操作系统 跨平台
开源组织
适用人群 未知
 软件概览

Glitter.js 可以给文本添加绚丽的视觉效果,比如动态颜色变换、光影移动等。

下载之后直接引用

<script type="text/javascript" src="glitter.js"></script>

示例代码

glitter('#text-id', {
    loopPeriod: 5000,        //ms between each glitter
    maxIteration: undefined, //maximum number of glitters
    accentTime: 100,         //time the accent class is shown
    highlightTime: 20,        //time the highlight class is shown 
    downlightTime: 20,        //time the downlight class is shown
    rtl: false,              //direction of the glitter
    travelPeriod: 40,        //ms between each subsequent letter glitter
    flipping: false          //makes half loop between default and accent
});
  • https://codesandbox.io/s/elated-glitter-cnuemt?file=/index.html loop.js HTMLDivElement.prototype.createTurnPage = function (imageArray,_time_) { if (!imageArray) { return; } /*

 相关资料
  • Note 本节暂未进行完全的重写,错误可能会很多。如果可能的话,请对照原文进行阅读。如果有报告本节的错误,将会延迟至重写之后进行处理。 本教程中将通过增加生命值系统、获胜条件和渲染文本形式的反馈来对游戏做最后的完善。本教程很大程度上是建立在之前的教程文本渲染基础之上,因此如果没有看过的话,强烈建议您先一步一步学习之前的教程。 在Breakout中,所有的文本渲染代码都封装在一个名为TextRend

  • 当你在图形计算领域冒险到了一定阶段以后你可能会想使用OpenGL来绘制文本。然而,可能与你想象的并不一样,使用像OpenGL这样的底层库来把文本渲染到屏幕上并不是一件简单的事情。如果你只需要绘制128种不同的字符(Character),那么事情可能会简单一些。但是如果你要绘制的字符有着不同的宽、高和边距,事情马上就复杂了。根据你使用语言的不同,你可能会需要多于128个字符。再者,如果你要绘制音乐符

  • Blade 内部内置了一个非常简单的模板渲染引擎,如果你有一些简单的页面需要渲染可以试试它(生产环境不适用)。 渲染一个模板需要遵守一条准则: 所有的模板文件都存储在 resources/templates 目录下 你可以调用 Response 方法的 render 方法渲染或者返回一个 String 类型的视图路径。 @GetRoute("/index") public void renderI

  • 因为新版的控制器可以无需继承任何的基础类,因此在控制器中如何使用视图取决于你怎么定义控制器。 模板渲染 渲染模板最常用的是控制器类在继承系统控制器基类(\think\Controller)后调用fetch方法,调用格式: fetch('[模板文件]'[,'模板变量(数组)']) 模板文件的写法支持下面几种: 用法 描述 不带任何参数 自动定位当前操作的模板文件 [模块@][控制器/][操作] 常用

  • 文字是程序通过界面向用户传递信息的一种最为简单高效的方式,而将这些文字以合理方式的排列并渲染到屏幕上也是界面的基本能力。本章节将介绍 LCUI 中的文字排版与渲染相关概念和用法,并通过一些示例来帮助你快速理解。 简单的例子 以下例子展示了如何使用文本层(TextLayer)将一段文本渲染到 320x240 尺寸的图片中。 #include <LCUI.h> #include <LCUI/imag

  • 文本 API 简介 今天我们开始征战一个全新的内容——HTML5 Canvas的文本API!要知道,艺术家通常同时也是一个书法家,所以我们要学习写字,而且是写出漂亮的字。是不是很有意思? 好了,先预告一下Canvas 文本API有哪些。 属性 描述 font 设置或返回文本内容的当前字体属性 textAlign 设置或返回文本内容的当前对齐方式 textBaseline 设置或返回在绘制文本时使用

  • 渲染某个变量 假定我们定义了一个变量:  <script> export default { data () { return { my_value: '默认值', } }, } </script> 我们就可以这样来显示它:  <div>{{my_value}}</div> 方法的声明和调用 声明一个方法: show_my_value <script> ex

  • 原文:Text rendering With LaTeX Matplotlib 可以选择使用 LaTeX 来管理所有文本布局。 此选项可用于以下后端: Agg PS PDF LaTeX 选项通过在rc设置中设置text.usetex:True来激活。 使用 matplotlib 的 LaTeX 支持的文本处理会慢于 matplotlib 的非常强大的 mathtext,但是更灵活,因为可以使用不同