有问题可以关注公众号「前端西瓜哥」并留言

（现在主要在写基于 Canvas 实现的图形编辑器：Suika，这边算是不维护状态了）

svg-editor

一款简单的 Web 端 SVG 编辑器（半成品）。

使用 React + TypeScript。

DEMO: https://blog.fstars.wang/app/svg-editor/

view English Doc

运行项目

yarn
yarn dev

编辑器系列文章

https://blog.fstars.wang/categories/%E7%BC%96%E8%BE%91%E5%99%A8/

构建 Electron 应用（不完善）

package.json 中没有 electron 相关的依赖，因为 electron 的包太大了而且大多数人不需要构建 electron 应用。所以如果你要构建 electron 应用，需要自己手动全局安装 electron

npm install -g electron

国内的话需要修改一下 npm config 解决下载问题：

npm config set registry https://registry.npm.taobao.org/
npm config set ELECTRON_MIRROR http://npm.taobao.org/mirrors/electron/

构建，然后预览或打包：

# electron 会使用 /dist/index 作为入口，所以你每次修改代码后都需要 build 一下
npm run build

# 预览 electron 的运行效果
npm run electron

# 或 根据所在操作系统正式打包
npm run electron:package