V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
爱意满满的作品展示区。
nihaojob
V2EX  ›  分享创造

开源了一个 web 版图片/海报编辑器,参考稿定设计和创客贴设计,已开源 600+star

  •  
  •   nihaojob · 2023-02-18 11:11:12 +08:00 · 2999 次点击
    这是一个创建于 662 天前的主题,其中的信息可能已经有所发展或是发生改变。

    半年前个人兴趣,搞了一个简单版本的编辑器自己用,使用 vue + fabric.js 开发,后来把源码放到 Github ,并且发了一片笔记,半年左右涨到了 600star ,反馈比较正向,把项目地址和笔记分享出来,欢迎大家 star 。

    项目地址:https://github.com/nihaojob/vue-fabric-editor

    预览地址:https://nihaojob.github.io/vue-fabric-editor/

    13 条回复    2023-05-11 14:44:54 +08:00
    JohnH
        1
    JohnH  
       2023-02-18 11:54:59 +08:00
    也在 fabricjs 上花过一些时间,提个小问题吧
    1.多行文字里,部分中文标点(比如逗号)不能在新行的开头(需要自己补丁)
    2.多行文字里,行高与 html 中的行高显示行为不同(当然这是 fabricjs 的问题,可能补丁一下也好一些)
    3.画线时,没清理 activeobject ,导致一边画一边把 activeobject 拉走了

    但是完成度很高,很棒👍🏻
    nihaojob
        2
    nihaojob  
    OP
       2023-02-18 12:27:05 +08:00
    @JohnH 果然是大佬,感谢反馈,我试一下
    YuTengjing
        3
    YuTengjing  
       2023-02-18 12:50:42 +08:00 via Android
    稿定编辑器开发围观吃瓜😀
    nihaojob
        4
    nihaojob  
    OP
       2023-02-18 15:06:36 +08:00 via Android
    @YuTengjing 大佬现身了,👍👍
    YY
        5
    YY  
       2023-02-19 11:29:28 +08:00
    能实现模版,批量导入文案 生成海报吗?
    CocaColf
        6
    CocaColf  
       2023-02-19 14:08:10 +08:00
    最近也在使用 fabric 开发编辑器,还是很方便的。
    它有个问题,元素拖拽缩放时,控制点不跟随鼠标走,而是只跟随鼠标移动的方向做比例缩放。需要按着 shift 键同时缩放控制点才会跟随鼠标移动。这和像 Sketch 等设计软件是相反的。
    xiaozizayang
        7
    xiaozizayang  
       2023-02-19 17:33:25 +08:00
    希望支持 docker 部署
    nihaojob
        8
    nihaojob  
    OP
       2023-02-19 22:09:19 +08:00 via Android
    @YY 可以的,我之前这么搞过,只需要把模板的 json 里的文案替换成字符串,每次生成图片,替换一下字符串就行,我之前用它生成成语卡片。
    nihaojob
        9
    nihaojob  
    OP
       2023-02-19 22:10:29 +08:00 via Android
    @xiaozizayang 可以提个 issue ,大佬感兴趣的话也可以搞个 PR ,我对 docker 不是特别属于
    nihaojob
        10
    nihaojob  
    OP
       2023-02-19 22:12:40 +08:00 via Android
    @CocaColf 缩放可以自己设置原点,可以设置中心点或者鼠标当前位置为缩放原点
    haoxuexiaoyao
        11
    haoxuexiaoyao  
       2023-02-19 22:20:12 +08:00
    下载下来的图片没有编辑的时候看着清晰,这个一般什么情况呢,好像和 PS 做的图片保存的清晰度有一定的差距
    nihaojob
        12
    nihaojob  
    OP
       2023-02-20 11:06:04 +08:00 via Android
    @haoxuexiaoyao 导出图片时有质量参数的调整 可以调大一点的
    jearyvon
        13
    jearyvon  
       2023-05-11 14:44:54 +08:00
    @YuTengjing 创客贴编辑器研发也来吃吃瓜
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   5463 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 25ms · UTC 02:47 · PVG 10:47 · LAX 18:47 · JFK 21:47
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.