正在做一个类似 sketch/figma 的图形编辑器,现在能够渲染 sketch 文件了 - V2EX
爱意满满的作品展示区。
Warder

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

  •  5
     
  •   Warder Nov 10, 2021 4953 views
    This topic created in 1646 days ago, the information mentioned may be changed or developed.

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

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

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

    dragonszy
        1
    dragonszy  
       Nov 10, 2021
    厉害了!战略马克
    crystom
        2
    crystom  
       Nov 10, 2021
    厉害了,我也想用做个类似 dreamweaver 的东西
    a62527776a
        3
    a62527776a  
       Nov 10, 2021
    太强了
    Warder
        4
    Warder  
    OP
       Nov 10, 2021
    @crystom dreamweaver 听着好有年代感了,不知道现在还有没有人在用。
    zagfai
        5
    zagfai  
       Nov 11, 2021
    dreamweaver 哈哈哈 太有年代感了。。。
    AX5N
        6
    AX5N  
       Nov 11, 2021
    frontpage 不香吗
    kaktos
        7
    kaktos  
       Nov 11, 2021
    dreamweaver 二十年前干掉了 frontpage 吧,依稀记得是...
    CSGO
        8
    CSGO  
       Nov 11, 2021 via Android
    牛,国内好多都在做这个玩意。
    Charod
        9
    Charod  
       Nov 11, 2021
    大佬牛逼,带带我
    dacapoday
        10
    dacapoday  
       Nov 11, 2021
    PixiJS ??
    houzhenhong
        11
    houzhenhong  
       Nov 11, 2021
    skia 需要用你 fork 的这个吧,不是用不了 https://github.com/blvd20/skia
    zhw2590582
        12
    zhw2590582  
       Nov 11, 2021
    你要做网页版的 sketch 嘛?工作量还挺大
    Warder
        13
    Warder  
    OP
       Nov 11, 2021
    @houzhenhong 对,本地要跑起来的话,需要用 emcc 编译 skia ,然后 link 下 canvaskit-wasm 这个包。我后面会发布下我改动的 canvaskit-wasm ,项目跑起来就会容易些。
    Warder
        14
    Warder  
    OP
       Nov 11, 2021
    @dacapoday 没有用 pixijs ,用的是 skia ,不过 pixijs 里的代码也借鉴了一些。skia 能力更强点,自带文本排版,path 布尔运算等能力。
    Warder
        15
    Warder  
    OP
       Nov 11, 2021
    @Charod
    @zhw2590582 是的,工作量挺大的,感兴趣的话可以一起来做。
    iOCZ
        16
    iOCZ  
       Nov 12, 2021
    老版本没必要支持了吧,看看能不能搞个文档记录 sketch 文件的规格,以便后续提供跨平台原生实现
    Warder
        17
    Warder  
    OP
       Nov 12, 2021
    @iOCZ 嗯,Sketch 自己在 Github 上是有一个文件格式的类型定义的
    shawndev
        18
    shawndev  
       Nov 19, 2021
    首次点击 See Some Example 之后加载的很慢而且没有加载动画,令我一度以为功能是失效的。。
    shangrenxi
        19
    shangrenxi  
       Nov 30, 2021
    不知道楼主有没有了解过 https://design.penpot.app/
    也是个开源的项目
    shelley88
        20
    shelley88  
       Dec 7, 2021
    我们是一家做图形编辑器的公司,想挖一挖你,方便联系下么?
    koi
        21
    koi  
       Feb 11, 2022
    我们在做一款类似 figma 的产品,产品已经成行,有一定的用户了,有兴趣吗?
    About     Help     Advertise     Blog     API     FAQ     Solana     5596 Online   Highest 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 463ms UTC 08:25 PVG 16:5 LAX 01:25 JFK 04:25
    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