正在做一个类似 sketch/figma 的图形编辑器，现在能够渲染 sketch 文件了
Warder · 2021-11-10 20:39:37 +08:00 · 3811 次点击这是一个创建于 1111 天前的主题，其中的信息可能已经有所发展或是发生改变。
地址： https://skeditor.github.io/
目前只做了图形渲染部分，还没有编辑能力。接下来准备开始实现编辑功能了。
希望大家能够试用下并反馈遇到的问题。
目前只支持较新版本的 sketch 文件，新版本 sketch 文件格式比较简单，就是个 zip+json 的结构。 老版本使用了 sqlite3 和 bplist 的格式还没做兼容。
2d 图形库用的是 skia 的 WebAssembly 版本 --- canvaskit ，也就是 flutter web 项目中使用的那个。fork 了 skia 的仓库，稍微了点内容。 功能强大很好用，说实话没有 skia 这个项目很难做。
UI 界面部分使用了 vue3 ，对 typescript 的支持好了很多。
 |
1
dragonszy 2021-11-10 20:41:32 +08:00
厉害了！战略马克
|
 |
2
crystom 2021-11-10 20:43:52 +08:00
厉害了，我也想用做个类似 dreamweaver 的东西
|
 |
3
a62527776a 2021-11-10 20:56:13 +08:00
太强了
|
 |
5
zagfai 2021-11-11 00:39:57 +08:00
dreamweaver 哈哈哈 太有年代感了。。。
|
 |
6
AX5N 2021-11-11 05:02:32 +08:00
frontpage 不香吗
|
 |
7
kaktos 2021-11-11 07:44:23 +08:00
dreamweaver 二十年前干掉了 frontpage 吧，依稀记得是...
|
 |
8
CSGO 2021-11-11 08:16:48 +08:00 via Android
牛，国内好多都在做这个玩意。
|
 |
9
Charod 2021-11-11 08:53:22 +08:00
大佬牛逼，带带我
|
 |
10
dacapoday 2021-11-11 09:05:22 +08:00
PixiJS ??
|
 |
11
houzhenhong 2021-11-11 09:11:32 +08:00
skia 需要用你 fork 的这个吧，不是用不了 https://github.com/blvd20/skia
|
 |
12
zhw2590582 2021-11-11 09:32:28 +08:00
你要做网页版的 sketch 嘛？工作量还挺大
|
 |
13
Warder OP @houzhenhong 对，本地要跑起来的话，需要用 emcc 编译 skia ，然后 link 下 canvaskit-wasm 这个包。我后面会发布下我改动的 canvaskit-wasm ，项目跑起来就会容易些。
|
|
14
Warder OP @dacapoday 没有用 pixijs ，用的是 skia ，不过 pixijs 里的代码也借鉴了一些。skia 能力更强点，自带文本排版，path 布尔运算等能力。
|
|
15
Warder OP |
 |
16
iOCZ 2021-11-12 12:37:13 +08:00
老版本没必要支持了吧，看看能不能搞个文档记录 sketch 文件的规格，以便后续提供跨平台原生实现
|
 |
18
shawndev 2021-11-19 16:33:53 +08:00
首次点击 See Some Example 之后加载的很慢而且没有加载动画，令我一度以为功能是失效的。。
|
 |
19
shangrenxi 2021-11-30 15:01:13 +08:00
不知道楼主有没有了解过 https://design.penpot.app/
也是个开源的项目 |
 |
20
shelley88 2021-12-07 17:24:34 +08:00
我们是一家做图形编辑器的公司，想挖一挖你，方便联系下么？
|
 |
21
koi 2022-02-11 11:05:05 +08:00
我们在做一款类似 figma 的产品，产品已经成行，有一定的用户了，有兴趣吗？
|
Select Language