Skip to content

F-star/svg-editor

Repository files navigation

【重要】本项目不再开发,所有精力放在基于 Canvas 的图形编辑器:Suika

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

svg-editor

一款简单的 Web 端 SVG 编辑器(半成品)。

使用 React + TypeScript。

image

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

view English Doc

运行项目

yarn
yarn dev

构建 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

About

一款简单的 Web SVG 编辑器。A Simple Web SVG Editor.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published