正在做一个类似 sketch/figma 的图形编辑器,现在能够渲染 sketch 文件了

2021 年 11 月 10 日
 Warder

地址: https://skeditor.github.io/
目前只做了图形渲染部分,还没有编辑能力。接下来准备开始实现编辑功能了。
希望大家能够试用下并反馈遇到的问题。
目前只支持较新版本的 sketch 文件,新版本 sketch 文件格式比较简单,就是个 zip+json 的结构。 老版本使用了 sqlite3 和 bplist 的格式还没做兼容。

2d 图形库用的是 skia 的 WebAssembly 版本 --- canvaskit ,也就是 flutter web 项目中使用的那个。fork 了 skia 的仓库,稍微了点内容。 功能强大很好用,说实话没有 skia 这个项目很难做。

UI 界面部分使用了 vue3 ,对 typescript 的支持好了很多。

4785 次点击
所在节点    分享创造
21 条回复
dragonszy
2021 年 11 月 10 日
厉害了!战略马克
crystom
2021 年 11 月 10 日
厉害了,我也想用做个类似 dreamweaver 的东西
a62527776a
2021 年 11 月 10 日
太强了
Warder
2021 年 11 月 10 日
@crystom dreamweaver 听着好有年代感了,不知道现在还有没有人在用。
zagfai
2021 年 11 月 11 日
dreamweaver 哈哈哈 太有年代感了。。。
AX5N
2021 年 11 月 11 日
frontpage 不香吗
kaktos
2021 年 11 月 11 日
dreamweaver 二十年前干掉了 frontpage 吧,依稀记得是...
CSGO
2021 年 11 月 11 日
牛,国内好多都在做这个玩意。
Charod
2021 年 11 月 11 日
大佬牛逼,带带我
dacapoday
2021 年 11 月 11 日
PixiJS ??
houzhenhong
2021 年 11 月 11 日
skia 需要用你 fork 的这个吧,不是用不了 https://github.com/blvd20/skia
zhw2590582
2021 年 11 月 11 日
你要做网页版的 sketch 嘛?工作量还挺大
Warder
2021 年 11 月 11 日
@houzhenhong 对,本地要跑起来的话,需要用 emcc 编译 skia ,然后 link 下 canvaskit-wasm 这个包。我后面会发布下我改动的 canvaskit-wasm ,项目跑起来就会容易些。
Warder
2021 年 11 月 11 日
@dacapoday 没有用 pixijs ,用的是 skia ,不过 pixijs 里的代码也借鉴了一些。skia 能力更强点,自带文本排版,path 布尔运算等能力。
Warder
2021 年 11 月 11 日
@Charod
@zhw2590582 是的,工作量挺大的,感兴趣的话可以一起来做。
iOCZ
2021 年 11 月 12 日
老版本没必要支持了吧,看看能不能搞个文档记录 sketch 文件的规格,以便后续提供跨平台原生实现
Warder
2021 年 11 月 12 日
@iOCZ 嗯,Sketch 自己在 Github 上是有一个文件格式的类型定义的
shawndev
2021 年 11 月 19 日
首次点击 See Some Example 之后加载的很慢而且没有加载动画,令我一度以为功能是失效的。。
shangrenxi
2021 年 11 月 30 日
不知道楼主有没有了解过 https://design.penpot.app/
也是个开源的项目
shelley88
2021 年 12 月 7 日
我们是一家做图形编辑器的公司,想挖一挖你,方便联系下么?

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://study.congcong.us/t/814511

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX