gl 文本( 缩写) 
使用 WebGL 的 Render 位图文本 .
使用量
const Text = require('gl-text')
let text1 = new Text()
text1.update({
position: [50, 50],
text: 'ABC',
font: '16px Helvetica, sans-serif'
})
text1.render()
// create another text renderer on the same context
let text2 = new Text(text1.gl)
text2.update({
font: {
family: ['Helvetica', 'Arial', 'sans-serif'],
size: '1rem'
}
})
API 密码
let text = new Text(gl|regl|canvas|container|options?)
为 WebGL 上下文创建文本渲染器 gl, (中文(简体) ), regl 举例来说, canvas编号 :container 元素或基于 options数字 :
| 选项 | 含义 |
|---|---|
regl | 现有 regl 举个例子 默认新建一个. |
gl编号 :context | 已存在的WebGL上下文. 默认新建一个. |
canvas | 现有 canvas 键. |
container | 现有 container 键。 默认情况下, 在容器内创建了新画布 . |
没有参数呼叫创建新的全屏布 .
text.update(options)
更新状态a Text 举个例子.
| 选项 | 说明 |
|---|---|
text | 要显示的文本字符串或字符串数组 . |
position | 文本在屏幕上的位置 range一对夫妇 [x, y] 或数组 [[x ,y], [x, y], ...] 对应文本. |
align | 相对 position。可以是其中之一 left, (中文(简体) ), right, (中文(简体) ), center编号 :middle, (中文(简体) ), start, (中文(简体) ), end,或若干em单位。 默认 left。可以是与文本相对应的数组. |
baseline | 默认垂直对齐值 middle。可以是字符串之一 top, (中文(简体) ), hanging, (中文(简体) ), middle, (中文(简体) ), alphabetic, (中文(简体) ), ideographic, (中文(简体) ), bottom 等(见 字体测量)或若干em单位,表示 0 作为字母基准。 可以是文本对应的数组 . |
color | 文字颜色或颜色阵列。 默认 black。 。 。 . |
font | 字体家族、 CSS 字体字符串或具有字体属性的对象 {family, size, style},参见 css-font (英语)。可以是数组. |
fontSize编号 :em | 字体大小,可以独立更改 font。 。 。 . |
kerning | 默认启用字体克宁 true。禁用单位字体。 见 探测-隐藏 软件包. |
offset | 移动 position 以数量表示。 用于组织多行,缩进,子/上行脚本等. 不受影响 position 变化。 只能是 x- 抵销或一对夫妇的号码 [x, y] 用于单个位置或阵列 [[x, y], [x, y], ...] 用于多个位置. |
range | 视点位置对应的数据区域. 可用于组织缩放/泛. 默认与取景端相同 [0, 0, canvas.width, canvas.height]。 。 。 . |
scale编号 :translate | 替代 range。 。 。 . |
viewport | 画布中的可见区域,一个阵列 [left, top, width, height] 或矩形 {x, y, width, height},参见 解析内容。 。 。 . |
text.render()
画出文字.
text.destroy()
弃取文本渲染器.
属性
text.gl- WebGL 语境 .text.canvas- 画布元素.text.regl- 瑞格尔实例.
许可证
2018 Dmitry Yv. 麻省理工学院许可证
发展得到 阴谋。 。 。 .