opentype.js 使用教程-优快云博客

本文链接：https://blog.youkuaiyun.com/gitblog_01095/article/details/141733035

opentype.js 使用教程

opentype.jsRead and write OpenType fonts using JavaScript.项目地址:https://gitcode.com/gh_mirrors/op/opentype.js

1. 项目的目录结构及介绍

opentype.js/
├── dist/
│   ├── opentype.js
│   └── opentype.min.js
├── src/
│   ├── glyph.js
│   ├── font.js
│   ├── tables/
│   │   ├── cmap.js
│   │   ├── head.js
│   │   ├── hhea.js
│   │   ├── hmtx.js
│   │   ├── maxp.js
│   │   ├── name.js
│   │   └── os2.js
│   ├── path.js
│   ├── parser.js
│   └── writer.js
├── test/
│   ├── font.js
│   ├── glyph.js
│   ├── path.js
│   ├── parser.js
│   └── writer.js
├── LICENSE
├── README.md
└── package.json

dist/：包含编译后的 JavaScript 文件，opentype.js 和 opentype.min.js。
src/：源代码目录，包含字体解析和写入的核心逻辑。
- glyph.js：定义字形对象。
- font.js：定义字体对象。
- tables/：包含字体表的解析逻辑。
- path.js：定义路径对象。
- parser.js：解析字体文件。
- writer.js：写入字体文件。
test/：包含测试文件。
LICENSE：项目许可证。
README.md：项目说明文档。
package.json：Node.js 项目配置文件。

2. 项目的启动文件介绍

项目的启动文件是 dist/opentype.js 或 dist/opentype.min.js。这两个文件是编译后的 JavaScript 文件，可以在浏览器或 Node.js 环境中直接使用。

3. 项目的配置文件介绍

项目的配置文件是 package.json，它包含了项目的元数据和依赖信息。以下是 package.json 的部分内容：

{
  "name": "opentype.js",
  "version": "1.3.4",
  "description": "OpenType and TrueType font parser and writer.",
  "main": "dist/opentype.js",
  "scripts": {
    "test": "mocha test/*.js",
    "build": "rollup -c",
    "watch": "rollup -c -w"
  },
  "repository": {
    "type": "git",
    "url": "git+https://github.com/opentypejs/opentype.js.git"
  },
  "keywords": [
    "font",
    "opentype",
    "trueType",
    "ttf",
    "otf"
  ],
  "author": "Frederik De Bleser",
  "license": "MIT",
  "bugs": {
    "url": "https://github.com/opentypejs/opentype.js/issues"
  },
  "homepage": "https://github.com/opentypejs/opentype.js#readme",
  "devDependencies": {
    "chai": "^4.2.0",
    "mocha": "^6.2.2",
    "rollup": "^1.26.3",
    "rollup-plugin-terser": "^5.1.2"
  }
}