1. 背景与项目简介

Inkscape 是一款久负盛名的开源矢量图形编辑器,凭借强大的 SVG 编辑能力、丰富的绘图工具和活跃的社区,在全球设计师和开源爱好者中拥有广泛影响。然而,Inkscape 长期专注于桌面平台,在移动端尤其是国产操作系统上的体验始终空白。随着鸿蒙(HarmonyOS)生态的不断成熟,将这样一款经典工具搬到鸿蒙设备上,既是技术挑战,也是必然趋势。AirScape 正是在这一背景下诞生的开源项目——它基于 Inkscape 内核,用鸿蒙原生技术重新封装,为鸿蒙平板、折叠屏手机等设备提供专业的矢量绘图能力。

项目地址:https://gitcode.com/Andy88/Harmony‑AirScape

本文将从功能特性、技术实现、上手方式以及下载体验等维度,带你全面了解 AirScape,并附上华为应用市场官方下载渠道,方便你直接在鸿蒙设备上使用。

2. 项目概览

AirScape 是一款以 Inkscape 为内核的鸿蒙原生矢量绘图工具,保留了 Inkscape 成熟稳定的图形编辑引擎,并针对鸿蒙的触控交互、大屏布局和分布式能力进行了定制优化。主要定位如下:

  • 专业级矢量编辑:完整支持 SVG 规范的图形绘制、路径操作与文本处理;
  • 触控与大屏适配:针对鸿蒙平板、折叠屏重新设计工具面板和手势操作;
  • 格式兼容:支持 SVG、PNG、PDF 等常见格式的导入导出;
  • 开源共创:代码完全开源在 GitCode,方便开发者学习、定制或参与贡献。

3. 核心功能

3.1 丰富的绘图工具

AirScape 内置矩形、椭圆、多边形、贝塞尔曲线、铅笔、书法笔等经典矢量绘图工具,并支持形状的布尔运算、路径合并/拆分等高级操作。所有工具均可通过手指或触控笔自然操控,配合吸附、参考线等功能,精确控制图形位置与大小。

3.2 强大的路径与节点编辑

路径是矢量图的核心。AirScape 提供完整的节点编辑面板,可以逐点调整贝塞尔曲线的手柄、平滑度,支持节点的添加、删除、合并、断开。即使是在触控屏上,也能通过手势精细控制曲线走向,实现复杂图标、插画的绘制。

3.3 文本与排版

项目内置文本工具,支持多行文本、区域文字,并可调整字体、字号、字间距等样式属性。结合 Inkscape 原有的文本排版引擎,AirScape 能够满足海报、UI 草图等场景中的文字排版需求。

3.4 图层管理与样式

参照桌面 Inkscape 的图层系统,AirScape 提供图层的显隐、锁定、透明度调节等管理功能。填充与描边的样式设置灵活丰富,支持纯色、渐变、图案填充,以及虚线、箭头等描边样式。

3.5 跨端协同与文件流转

基于鸿蒙的分布式能力,AirScape 支持多设备协同。你可以在平板上绘制主画面,同时在手机上快速预览导出效果;借助鸿蒙文件管理器,轻松将工程文件(SVG)在不同设备之间流转,或直接分享给其他用户。

4. 技术架构

AirScape 在技术上将 Inkscape 的 C/C++ 图形内核编译为鸿蒙原生库,并通过 ArkUI 声明式框架构建触摸友好的交互界面,整体层次如下:

层级 技术栈 说明
UI 层 ArkUI(声明式组件) 触控优化面板、手势识别、大屏布局
交互层 NAPI / C++ Bridge 连接 ArkUI 与底层图形引擎
图形引擎 Inkscape 核心库 (C++) SVG 解析、渲染、路径运算等
存储层 鸿蒙文件系统 / 分布式数据库 工程文件读写、跨设备同步

核心模块的调用关系大致如下:

// 调用底层 Inkscape 引擎的简化示例
import inkscape from 'libinkscape_napi.so';

// 创建 SVG 文档
const doc = inkscape.createDocument();

// 添加矩形对象
doc.addRect({ x: 100, y: 80, width: 200, height: 150, fill: '#4A90E2' });

// 导出为 PNG
const buffer = doc.exportPNG();

5. 快速上手

5.1 从源码编译

如果你希望从源码构建 AirScape,可以参考以下步骤:

  • 安装 DevEco Studio(API 9 或更高版本)
  • 注册华为开发者账号并配置签名信息
  • 克隆仓库:
git clone https://gitcode.com/Andy88/Harmony-AirScape.git
  • 将 Inkscape 依赖库按文档置入工程目录
  • 同步 Gradle / ArkTS 依赖,连接鸿蒙真机或启动虚拟机
  • 点击 Run 即可体验

提示:详细的环境搭建与 Inkscape 库编译指南请参考项目 README.md

5.2 直接安装使用

对于绝大多数用户,更推荐直接下载已编译好的应用版本,免去复杂的编译过程。

6. 下载与安装

AirScape 已上架华为应用市场,你可以通过以下链接安装:

在任意鸿蒙手机上点击链接,即可跳转到市场详情页,一键安装。安装完成后,打开应用即可开始矢量创作。

7. 开源与社区贡献

AirScape 延续了 Inkscape 的开源精神,鼓励开发者与设计爱好者参与共建。你可以通过以下方式贡献力量:

  • 在 GitCode 项目页提交 Issue 反馈问题或功能建议;
  • Fork 仓库,提交 Pull Request(新功能、Bug 修复、文档优化);
  • 协助适配更多鸿蒙设备型号与屏幕尺寸;
  • 分享你的作品与使用体验,让更多人了解鸿蒙上的开源创意工具。

无论你是想学习鸿蒙原生开发、了解 SVG 渲染原理,还是希望为鸿蒙生态贡献一款实用的专业工具,AirScape 都是不可多得的实践案例。

8. 总结

AirScape 成功将 Inkscape 强大的矢量编辑能力带入了鸿蒙世界,让平板和折叠屏用户也能随时随地进行专业级的矢量图形创作。项目覆盖了从 C++ 图形引擎移植、ArkUI 界面适配到应用市场发布的全流程,是学习鸿蒙跨平台开发与开源项目协作的优秀范例。

下载体验https://appgallery.huawei.com/app/detail?id=com.airscape.app
项目源码https://gitcode.com/Andy88/Harmony‑AirScape

如果你正在寻找一款鸿蒙上的免费矢量绘图工具,或者想要基于 Inkscape 进行二次开发,不妨从 AirScape 开始。

Logo

作为“人工智能6S店”的官方数字引擎,为AI开发者与企业提供一个覆盖软硬件全栈、一站式门户。

更多推荐