V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
brickyang
V2EX  ›  前端开发

趁上班划水,撸了个简单阅读卡片生成器,给微信公众号做配图用

  •  
  •   brickyang · 2018-08-28 16:56:51 +08:00 · 1575 次点击
    这是一个创建于 2280 天前的主题,其中的信息可能已经有所发展或是发生改变。

    最近需要在微信公众号里用这种圆角矩形带阴影的卡片,让编辑们学 Adobe XD 不太现实,所以就打算自己撸一个。

    screenshot

    稍微研究了一下,有现成的 html2canvas 库,剩下的工作就简单了。于是趁上班划水,花了几个小时撸出第一版,然后用 Electron 打包成 app,直接发给编辑用了。

    因为内部需求是明确的,所以第一版功能极其简单,图片只能以 16:9 局中剪裁。放到 GitHub 居然有人说好用,感觉受到了鼓舞,打算继续增加功能。

    欢迎来 GitHub 围观:https://github.com/brickyang/reading-card-generator

    2 条回复    2018-08-29 09:59:04 +08:00
    yamedie
        1
    yamedie  
       2018-08-29 08:54:40 +08:00 via Android
    在线版就可以了吧,electron 不会体积很大?(除非要加载几十种字体
    brickyang
        2
    brickyang  
    OP
       2018-08-29 09:59:04 +08:00 via iPhone
    @yamedie 主要俩原因:

    1,给编辑团队用,一个可执行文件比在线版更简单,尤其是每个人系统和浏览器环境都可能不一样。

    2,以前没用过 Electron,想试试。

    Electron 的确会很大,不过在本地使用无所谓啊。
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   1104 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 21ms · UTC 18:22 · PVG 02:22 · LAX 10:22 · JFK 13:22
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.