正在做一个类似 sketch/figma 的图形编辑器,现在能够渲染 sketch 文件了 - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
爱意满满的作品展示区。
Warder
V2EX    分享创造

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

  •  5
     
  •   Warder 2021-11-10 20:39:37 +08:00 4457 次点击
    这是一个创建于 1435 天前的主题,其中的信息可能已经有所发展或是发生改变。

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

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

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

    21 条回复    2022-02-11 11:05:05 +08:00
    dragonszy
        1
    dragonszy  
       2021-11-10 20:41:32 +08:00
    厉害了!战略马克
    crystom
        2
    crystom  
       2021-11-10 20:43:52 +08:00
    厉害了,我也想用做个类似 dreamweaver 的东西
    a62527776a
        3
    a62527776a  
       2021-11-10 20:56:13 +08:00
    太强了
    Warder
        4
    Warder  
    OP
       2021-11-10 23:01:07 +08:00
    @crystom dreamweaver 听着好有年代感了,不知道现在还有没有人在用。
    zagfai
        5
    zagfai  
       2021-11-11 00:39:57 +08:00
    dreamweaver 哈哈哈 太有年代感了。。。
    AX5N
        6
    AX5N  
       2021-11-11 05:02:32 +08:00
    frontpage 不香吗
    kaktos
        7
    kaktos  
       2021-11-11 07:44:23 +08:00
    dreamweaver 二十年前干掉了 frontpage 吧,依稀记得是...
    CSGO
        8
    CSGO  
       2021-11-11 08:16:48 +08:00 via Android
    牛,国内好多都在做这个玩意。
    Charod
        9
    Charod  
       2021-11-11 08:53:22 +08:00
    大佬牛逼,带带我
    dacapoday
        10
    dacapoday  
       2021-11-11 09:05:22 +08:00
    PixiJS ??
    houzhenhong
        11
    houzhenhong  
       2021-11-11 09:11:32 +08:00
    skia 需要用你 fork 的这个吧,不是用不了 https://github.com/blvd20/skia
    zhw2590582
        12
    zhw2590582  
       2021-11-11 09:32:28 +08:00
    你要做网页版的 sketch 嘛?工作量还挺大
    Warder
        13
    Warder  
    OP
       2021-11-11 11:29:31 +08:00
    @houzhenhong 对,本地要跑起来的话,需要用 emcc 编译 skia ,然后 link 下 canvaskit-wasm 这个包。我后面会发布下我改动的 canvaskit-wasm ,项目跑起来就会容易些。
    Warder
        14
    Warder  
    OP
       2021-11-11 11:32:38 +08:00
    @dacapoday 没有用 pixijs ,用的是 skia ,不过 pixijs 里的代码也借鉴了一些。skia 能力更强点,自带文本排版,path 布尔运算等能力。
    Warder
        15
    Warder  
    OP
       2021-11-11 11:36:33 +08:00
    @Charod
    @zhw2590582 是的,工作量挺大的,感兴趣的话可以一起来做。
    iOCZ
        16
    iOCZ  
       2021-11-12 12:37:13 +08:00
    老版本没必要支持了吧,看看能不能搞个文档记录 sketch 文件的规格,以便后续提供跨平台原生实现
    Warder
        17
    Warder  
    OP
       2021-11-12 22:33:13 +08:00
    @iOCZ 嗯,Sketch 自己在 Github 上是有一个文件格式的类型定义的
    shawndev
        18
    shawndev  
       2021-11-19 16:33:53 +08:00
    首次点击 See Some Example 之后加载的很慢而且没有加载动画,令我一度以为功能是失效的。。
    shangrenxi
        19
    shangrenxi  
       2021-11-30 15:01:13 +08:00
    不知道楼主有没有了解过 https://design.penpot.app/
    也是个开源的项目
    shelley88
        20
    shelley88  
       2021-12-07 17:24:34 +08:00
    我们是一家做图形编辑器的公司,想挖一挖你,方便联系下么?
    koi
        21
    koi  
       2022-02-11 11:05:05 +08:00
    我们在做一款类似 figma 的产品,产品已经成行,有一定的用户了,有兴趣吗?
    关于     帮助文档     自助推广系统     博客     API     FAQ     Solana     1203 人在线   最高记录 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 26ms UTC 17:31 PVG 01:31 LAX 10:31 JFK 13:31
    Do have faith in what you're doing.
    ubao msn snddm index pchome yahoo rakuten mypaper meadowduck bidyahoo youbao zxmzxm asda bnvcg cvbfg dfscv mmhjk xxddc yybgb zznbn ccubao uaitu acv GXCV ET GDG YH FG BCVB FJFH CBRE CBC GDG ET54 WRWR RWER WREW WRWER RWER SDG EW SF DSFSF fbbs ubao fhd dfg ewr dg df ewwr ewwr et ruyut utut dfg fgd gdfgt etg dfgt dfgd ert4 gd fgg wr 235 wer3 we vsdf sdf gdf ert xcv sdf rwer hfd dfg cvb rwf afb dfh jgh bmn lgh rty gfds cxv xcv xcs vdas fdf fgd cv sdf tert sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf shasha9178 shasha9178 shasha9178 shasha9178 shasha9178 liflif2 liflif2 liflif2 liflif2 liflif2 liblib3 liblib3 liblib3 liblib3 liblib3 zhazha444 zhazha444 zhazha444 zhazha444 zhazha444 dende5 dende denden denden2 denden21 fenfen9 fenf619 fen619 fenfe9 fe619 sdf sdf sdf sdf sdf zhazh90 zhazh0 zhaa50 zha90 zh590 zho zhoz zhozh zhozho zhozho2 lislis lls95 lili95 lils5 liss9 sdf0ty987 sdft876 sdft9876 sdf09876 sd0t9876 sdf0ty98 sdf0976 sdf0ty986 sdf0ty96 sdf0t76 sdf0876 df0ty98 sf0t876 sd0ty76 sdy76 sdf76 sdf0t76 sdf0ty9 sdf0ty98 sdf0ty987 sdf0ty98 sdf6676 sdf876 sd876 sd876 sdf6 sdf6 sdf9876 sdf0t sdf06 sdf0ty9776 sdf0ty9776 sdf0ty76 sdf8876 sdf0t sd6 sdf06 s688876 sd688 sdf86