← 返回项目库

Graphite 中文节点式矢量图形编辑器

Graphite 是一款可本地运行的节点式矢量与栅格图形编辑器，中文适配交付覆盖菜单、工具栏、图层、属性和示例作品选择。

项目将画布编辑、图层管理、属性调整和节点图处理链组合在一个浏览器编辑器中，支持加载 Graphite 示例作品并进行选择、变换、填充和节点预览。交付包保留上游 Apache 2.0 许可证，并提供中文界面适配和可复核的本地运行证据。

真实界面

项目截图

共 7 张

红裙示例中文编辑器
文件菜单与源码交付操作
示例作品选择器
图层选择与属性编辑
节点图可视化处理链
新建文档参数设置
等距喷泉示例编辑

Capabilities

核心功能

✓中文文件、编辑、图层、选择、视图、窗口和帮助导航
✓浏览器画布上的矢量与栅格图形编辑
✓图层树选择、展开、可见性与图层名称管理
✓属性面板中的不透明度、填充与变换控制
✓节点图中的处理链预览与节点选择
✓内置多个可加载的示例作品与缩略图选择器
✓新建文档的名称、画布和尺寸参数设置
✓WASM 图形引擎支持本地浏览器运行

适用场景

在浏览器中打开示例作品并检查图层结构与视觉结果
通过节点图理解图形生成、复制和采样处理链
用属性面板调整填充、透明度、缩放和旋转等编辑参数
以本地源码为基础研究 WASM 图形编辑器的工程实现

适合谁

需要本地化图形编辑、节点式视觉处理、矢量与栅格混合创作或研究浏览器端图形编辑器的设计师、内容创作者和开发者。

商业化思路

用于社群学习与研究节点式图形编辑、浏览器端 WASM 图形引擎、本地素材处理和可复用编辑工作流。

你会拿到什么

  • ✓固定提交版本的完整中文适配源码包
  • ✓包含 7 个真实运行状态的中文界面证据截图
  • ✓Apache License 2.0 许可证和上游版权声明
  • ✓可复核的 WASM、Vite、TypeScript 与 ESLint 构建证据

部署流程

  1. 1安装 Node.js 20+、npm、Rust、wasm-pack 和 cargo-about，并进入 frontend 目录。
  2. 2执行 npm ci 安装锁定的前端依赖。
  3. 3执行 wasm-pack build ./wasm --release --target=web --no-opt 生成 WASM 包。
  4. 4执行 npm run build 生成生产前端，并使用静态 Web 服务托管 dist 目录。
  5. 5打开编辑器后加载内置示例作品，按交付证据检查中文菜单、图层与节点图。

真实验证结果

已完成固定提交源码校验、WASM 生产构建、Vite 生产构建和本地预览；真实验收覆盖中文主导航、文件菜单、示例作品选择器、图层选择、属性编辑、节点图和新建文档对话框，7 张截图均来自同一运行中的编辑器且无控制台错误。

部署前须知

节点图画布中的部分上游节点名称仍以英文显示；主导航、菜单、对话框、图层、属性控件和示例作品名称已完成中文适配。在线字体服务不可用时不影响本地编辑器核心功能；本交付不包含外部募资或站外推广入口。

部署难度

中等

最低配置

Node.js 20+、npm、Rust 工具链与 wasm-pack；生产构建需要 cargo-about，构建后的前端可由任意静态 Web 服务提供。

开源许可证

Apache License 2.0

最后验证

2026-08-30

技术栈

SvelteTypeScriptRustWebAssemblyVite

授权说明

源码包根目录与 node-graph 子目录均保留 Apache License 2.0 文件；源码包按原许可证交付并披露本次中文界面适配修改，版权及上游权利归相应权利人所有。

Release notes

版本记录

2 个已发布版本

v1.0.0-cn.2 当前推荐

中文社群学习交付补丁版本；沿用首个交付版本的 Graphite 编辑器中文适配，并补齐发布证据的 1440×900 标准截图资产。

部署要求：Node.js 20+、npm、Rust、wasm-pack、cargo-about 与现代浏览器；构建后的 dist 可部署到任意静态 Web 服务。

已知问题：节点图内部的部分上游节点名称尚未逐项翻译；在线字体服务失败时使用系统回退字体，画布编辑、图层管理和 WASM 图形处理仍可本地运行。

v1.0.0-cn.1 当前推荐

首个中文社群学习交付版本；完成 Graphite 编辑器主导航、文件菜单、示例作品选择器、图层与属性面板、新建文档对话框和节点图入口的中文适配，并通过本地生产构建验收。

部署要求：Node.js 20+、npm、Rust、wasm-pack、cargo-about 与现代浏览器；构建后的 dist 可部署到任意静态 Web 服务。

已知问题：节点图内部的部分上游节点名称尚未逐项翻译；在线字体服务失败时使用系统回退字体，画布编辑、图层管理和 WASM 图形处理仍可本地运行。

登录后领取