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