Cairo 项目使用教程

Cairo 项目使用教程

Cairo Cairo is a contemporary Arabic and Latin typeface family. Mohamed Gaber extended the famous Latin typeface family Titillum Web to support the Arabic script, with a design that is based on the Kufi calligraphic style. Cairo 项目地址: https://gitcode.com/gh_mirrors/cai/Cairo

1. 项目目录结构及介绍

Cairo 项目的目录结构如下:

Cairo/
├── AUTHORS.txt
├── CONTRIBUTORS.txt
├── Makefile
├── OFL.txt
├── README.md
├── build.sh
├── requirements.txt
├── github/
│   └── workflows/
├── fonts/
├── scripts/
└── sources/

目录介绍:

  • AUTHORS.txt 和 CONTRIBUTORS.txt: 包含项目的作者和贡献者信息。
  • Makefile: 用于构建和管理项目的 Makefile。
  • OFL.txt: 项目的许可证文件,遵循 SIL Open Font License 1.1。
  • README.md: 项目的介绍和使用说明。
  • build.sh: 构建脚本,用于生成字体文件。
  • requirements.txt: 项目依赖的工具和库列表。
  • github/workflows/: 包含 GitHub Actions 的工作流配置文件。
  • fonts/: 存放生成的字体文件。
  • scripts/: 包含项目的脚本文件。
  • sources/: 存放项目的源代码和资源文件。

2. 项目的启动文件介绍

Cairo 项目的主要启动文件是 build.sh。该脚本用于构建字体文件。以下是启动文件的简要介绍:

#!/bin/bash

# build.sh
# 该脚本用于构建 Cairo 字体项目

# 安装依赖
make install

# 构建字体文件
make build

# 运行质量保证测试
make test

# 生成 HTML 证明文件
make proof

使用方法:

  1. 确保已安装 yq 工具。
  2. 运行 ./build.sh 脚本以构建字体文件并运行测试。

3. 项目的配置文件介绍

Cairo 项目的主要配置文件是 Makefile。该文件定义了项目的构建规则和依赖关系。以下是配置文件的简要介绍:

# Makefile
# 该文件定义了 Cairo 项目的构建规则和依赖关系

# 安装依赖
install:
    # 安装所需的工具和库

# 构建字体文件
build:
    # 生成字体文件

# 运行质量保证测试
test:
    # 运行 FontBakery 的质量保证测试

# 生成 HTML 证明文件
proof:
    # 生成 HTML 证明文件

配置项说明:

  • install: 安装项目所需的依赖。
  • build: 构建字体文件。
  • test: 运行质量保证测试。
  • proof: 生成 HTML 证明文件。

通过以上配置文件,可以自动化地构建、测试和生成 Cairo 字体项目。

Cairo Cairo is a contemporary Arabic and Latin typeface family. Mohamed Gaber extended the famous Latin typeface family Titillum Web to support the Arabic script, with a design that is based on the Kufi calligraphic style. Cairo 项目地址: https://gitcode.com/gh_mirrors/cai/Cairo

Cairo 概念 ................................................................................................................................... 3 环境 (Context) ............................................................................................................................. 3 路径 (Path) ................................................................................................................................... 3 源 (Source) ................................................................................................................................... 3 外观 (Surface) .............................................................................................................................. 3 蒙板 (Mask) ................................................................................................................................. 4 图案 (Pattern) ............................................................................................................................... 4 二Cairo 后端 ................................................................................................................................... 4 1. PNG 图像 ................................................................................................................................. 4 2. PDF 文件 ................................................................................................................................. 5 3. SVG 文件 ................................................................................................................................. 6 4. GTK 窗口 ................................................................................................................................ 7 三 基本绘图 ..................................................................................................................................... 9 直线段 .......................................................................................................................................... 9 描绘 (Stroke) 与填充 (Fill) ..................................................................................................... 12 虚线 (Dash) ................................................................................................................................ 14 线帽 (Line caps) ........................................................................................................................ 17 线的交合 (Line joins) ................................................................................................................ 19 四 高级形状绘制 ........................................................................................................................... 21 基本形状..................................................................................................................................... 21 复杂的图形................................................................................................................................. 24 填充 (Fill) .................................................................................................................................. 27 纯色 (Solid color) .................................................................................................................. 27 图案 (Pattern) ......................................................................................................................... 28 渐变 (Gradient) ...................................................................................................................... 32 五 透明........................................................................................................................................... 35 透明的矩形................................................................................................................................. 35 淡出的效果................................................................................................................................. 37 “等待”的演示 ............................................................................................................................. 40 六 合成........................................................................................................................................... 43 七 裁剪与遮蔽 ............................................................................................................................... 46 裁剪 ............................................................................................................................................ 46 裁剪矩形..................................................................................................................................... 49 遮蔽 ............................................................................................................................................ 53 变换 ............................................................................................................................................ 55 平移......................................................................................................................................... 55 旋转......................................................................................................................................... 56 缩放......................................................................................................................................... 58 错切......................................................................................................................................... 60 椭圆......................................................................................................................................... 63 星星......................................................................................................................................... 65 七 文本........................................................................................................................................... 68 灵魂伙伴..................................................................................................................................... 68 一个字接一个字…… ................................................................................................................. 71 膨胀 ............................................................................................................................................ 73 八 图像........................................................................................................................................... 76 图像的显示................................................................................................................................. 77 垂帘效果(Blind Down) ......................................................................................................... 78 光谱效果..................................................................................................................................... 81
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

井唯喜

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值