1. source envset.sh

2. cd /home/lycium_plusplus/lycium

3. ./build.sh cups 

1. cd usr/cups/

2. tree -L 2

NanoVG 简介

[NanoVG](https://github.com/memononen/nanovg) 是一个轻量级、单头文件的2D矢量图形渲染库，主要特点：

可以用WinSCP，通过将NanoVG源码下载到电脑，WinSCP上传到服务器

项目目标

将 NanoVG 库交叉编译为 HarmonyOS PC 可用的静态库，并通过 NAPI 适配封装，集成到 ArkTS 应用中实现小车控制的状态可视化。

NanoVG 三方库交叉编译打包

 获取 NanoVG 源码

创建 NanoVG 构建目录

mkdir -p /home/lycium_plusplus/thirdparty/nanovg

cd /home/lycium_plusplus/thirdparty/nanovg

克隆 NanoVG 源码

git clone https://github.com/memononen/nanovg.git nanovg-src

查看源码结构

cd nanovg-src

tree -L 1

# nanovg.h        # 头文件

# nanovg.c        # 实现文件（可选）

# nanovg_gl.h     # OpenGL 后端头文件

# example/        # 示例代码

创建 NanoVG 的 HPKBUILD 文件

lycium_plusplus/thirdparty/nanovg 目录下创建 HPKBUILD文件：

创建 HPKBUILD 文件

vim /home/lycium_plusplus/thirdparty/nanovg/HPKBUILD

HPKBUILD 文件内容：

pkgname=nanovg

pkgver=1.0

pkgrel=0

pkgdesc="A small ANTIGRAIN-like 2D vector graphics rendering library"

url="https://github.com/memononen/nanovg"

archs=("armeabi-v7a" "arm64-v8a" "x86_64")

license=("zlib")

depends=("libEGL" "libGLESv2")

makedepends=("cmake" "make")

source=""

buildtools=make

downloadpackage=false

autounpack=false

prepare() {

    mkdir -p $PKGBUILD/temp/$pkgname-$pkgver

    cd $PKGBUILD/temp/$pkgname-$pkgver

   

    cp -r $PKGBUILD/../nanovg-src/* .

}

# build 函数：执行编译

build() {

    cd $PKGBUILD/temp/$pkgname-$pkgver

   

    # NanoVG 是单文件库，需要创建一个简单的 C 文件

    # 使用 nanovg.h 作为实现

    cat > nanovg.c << 'EOF'

#define NANOVG_GLES2_IMPLEMENTATION

#include "nanovg.h"

#include "nanovg_gl.h"

EOF

   

    # 编译参数

    CFLAGS="${CFLAGS} -fPIC -O2"

    LDFLAGS="${LDFLAGS}"

   

    # 编译为静态库

    ${CC} ${CFLAGS} -c nanovg.c -o nanovg.o

    ${AR} rcs libnanovg.a nanovg.o

    ${RANLIB} libnanovg.a

}

# package 函数：安装产物

package() {

    cd $PKGBUILD/temp/$pkgname-$pkgver

   

    # 创建安装目录结构

    mkdir -p $PKG/$pkgname/{$archs}/lib

    mkdir -p $PKG/$pkgname/{$archs}/include

   

    # 安装静态库

    install -m 644 libnanovg.a $PKG/$pkgname/{$archs}/lib/

   

    # 安装头文件

    install -m 644 nanovg.h $PKG/$pkgname/{$archs}/include/

    install -m 644 nanovg_gl.h $PKG/$pkgname/{$archs}/include/

}

# cleanbuild 函数：清理构建

cleanbuild() {

    rm -rf $PKGBUILD/temp/$pkgname-$pkgver

    rm -rf $PKGBUILD/temp/$pkgname-$pkgver.tar.gz

}

```

执行 NanoVG 交叉编译

# 1. 进入 lycium 目录

cd /home/lycium_plusplus/lycium

# 2. 设置环境变量

source script/envset.sh

# 3. 编译 NanoVG（仅编译 arm64-v8a 架构）

./build.sh nanovg

如果需要编译所有支持的架构

./build.sh nanovg --arch=all

```

验证编译产物

查看 NanoVG 编译产物

cd /home/lycium_plusplus/lycium/usr/nanovg

查看目录结构

tree -L 3

# 预期输出：

# nanovg/

#   ├── arm64-v8a/

#   │   ├── lib/

#   │   │   └── libnanovg.a

#   │   └── include/

#   │       ├── nanovg.h

#   │       └── nanovg_gl.h

#   └── armeabi-v7a/

#       ├── lib/

#       │   └── libnanovg.a

#       └── include/

#           ├── nanovg.h

#           └── nanovg_gl.h

检查库文件信息

file arm64-v8a/lib/libnanovg.a

# 输出: ELF 64-bit LSB relocatable, ARM aarch64, ...

查看导出符号

llvm-nm arm64-v8a/lib/libnanovg.a | grep nvgCreate

# 应该能看到:

# nvgCreateGLES2

# nvgDeleteGLES2

查看库中函数数量

llvm-nm arm64-v8a/lib/libnanovg.a | grep ' T ' | wc -l

# 输出: 约 47（NanoVG 公开函数数量）

```

打包 NanoVG 库

# 1. 创建发布包

cd /home/lycium_plusplus/lycium/usr

tar czf nanovg-ohos.tar.gz nanovg/

# 2. 验证包内容

tar tzf nanovg-ohos.tar.gz

# 输出类似：

# nanovg/arm64-v8a/lib/libnanovg.a

# nanovg/arm64-v8a/include/nanovg.h

可以用WinSCP下载到本地