【重要】本项目不再开发,所有精力放在基于 Canvas 的图形编辑器:Suika
有问题可以关注公众号「前端西瓜哥」并留言
一款简单的 Web 端 SVG 编辑器(半成品)。
使用 React TypeScript。
DEMO: https://blog.fstars.wang/app/svg-editor/
yarn
yarn dev
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