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

小程序的几个图像问题:截图/处理/保存 GIF

  •  
  •   JCZ2MkKb5S8ZX9pq · 2019-07-09 12:39:49 +08:00 · 2606 次点击
    这是一个创建于 1965 天前的主题,其中的信息可能已经有所发展或是发生改变。

    需求

    • 在页面上画了一个比较复杂的界面,用 canvas 画会很麻烦。
    • 希望对该界面截图,或者获取到该界面。
    • 然后做一些去背景的处理。
    • 最后作为表情转发给好友。

    问题

    • 在小程序有没有或者一个 dom 的像素的方法(虽然并没有 dom )……
    • canvas 我不太熟,有没有类似方法。
    • 去背景我感觉 canvas 做像素处理就可以。
    • 但好像不能存 GIF ?有方法嘛?
    • 没啥好的思路,有经验的朋友请指教。
    4 条回复    2019-07-09 13:35:41 +08:00
    momocraft
        1
    momocraft  
       2019-07-09 13:11:50 +08:00
    也许可以用 svg? 用基于像素的反而麻烦
    JCZ2MkKb5S8ZX9pq
        2
    JCZ2MkKb5S8ZX9pq  
    OP
       2019-07-09 13:24:30 +08:00
    @momocraft 关键是画起来麻烦,文字的各种剧中对其,用 flex 很方便,但如果用 canvas 一个个画,感觉效率各方面都不好。现在考虑是预览实时用 flex+view,然后一键出图。就是对 canvas 不大熟悉,而且小程序又好像很多坑,有点无从下手。
    Mutoo
        3
    Mutoo  
       2019-07-09 13:30:00 +08:00   ❤️ 1
    有现成的 lib 可以用,原理是把 dom 作为 svg 的 foreignObject 渲染到 canvas 上,然后将 canvas 存成图片。
    https://github.com/tsayen/dom-to-image
    JCZ2MkKb5S8ZX9pq
        4
    JCZ2MkKb5S8ZX9pq  
    OP
       2019-07-09 13:35:41 +08:00
    @Mutoo 感谢,我看看。
    但是不是只能 H5 这么搞?小程序是不是没 dom 概念的?
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   2639 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 22ms · UTC 05:47 · PVG 13:47 · LAX 21:47 · JFK 00:47
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.