首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    Web动态图片合成与分享——html2canvas方案实践

    一、应用场景 在web侧运营活动中,分享传播是重要的一环。普通的h5链接/结构化消息分享已经不能满足产品越来越大的脑洞。...在很多场景下,我们需要将个性化内容(如帐号信息,头像,用户输入等)固化为一张完整的图片,一秒分享到朋友圈&AIO&群,藉此提高传播效率。...笔者借着开发运营活动的契机,对html2canvas的使用、以及和后续的保存/分享链路做了一个梳理,以供参考。 注意,本文所有的例子都基于html2canvas 1.0版本来实现。...但在实际应用中,这是一个很灵活的特性,比如我们可以在dom中把“长按二维码扫描”等等引导语隐藏起来,在用户保存或分享时,才在图片中展示。...如果把图片设为不可见,则无法愉快地在移动端使用长按保存&分享等能力。 这里的关键还是上面说过的,“不可见”则“不渲染”的矛盾。

    8.2K40

    动态生成分享图片

    写在最前 本文描述了如何实现该需求的思路,代码可能不通用,但是该思路应该可以解决很多类似的需求… 需要分享的内容 上半部分,1-4张图片 下半部分,包含很多细小的东西,签名、用户名、用户头像、二维码图片...实现原理 因为我的需要还是比较复杂的(主要来自于上半部分的排列规则),所以直接 extends 了 ViewGroup 来 layout 这些子 View,然后用数据填充这些布局,然后创建分享 Bitmap...如何加载图片呢 主流方案一般是用 Picasso、Glide 这样的图片加载库,这里,我使用的是 Glide。那直接 Glide.with().load().into ... 不就万事大吉了嘛!...因为这些图片都是需要 Glide 去远程图片服务器加载,解析后才能得到的。...,我们再生成最后的分享图,关键就是等!

    1.9K30
    领券