美文网首页
H5分享截图方案优化

H5分享截图方案优化

作者: leeehao | 来源:发表于2020-07-21 12:20 被阅读0次

    背景
    分享是传播活动,吸引用户最重要的一环。现有分享手段多是题目配合单张图片,利用点击的方式跳转到目标页面。在信息越来越丰富的今天,单个题目和图片对用户的吸引力是有限的。而在对推广要求更高的营销场景和裂变过程中,我们往往需要将页面内容一部分作为图片整体分享出去。直接利用手机原生的截屏功能会有几个问题:
    内容格式无法自定义。

    翻页情况无法处理。

    视窗区域不可控。

    本文通过讨论现有截屏的方案和闲鱼内部截屏方案,介绍如何利用web实现移动端高还原度富图文分享。
    现有方案:Html2Canvas
    介绍
    html2canvas是一种基于canvas,将DOM结构绘制在canvas上面产生图片的第三方库。通过如下的方式可以将对应的DOM结构绘制成图片保存出来。优势在于上手简单,使用方便。

    原文链接 https://mp.weixin.qq.com/s/aUlt-t3v7-J_4LEhHXcS1g

    相关文章

      网友评论

          本文标题:H5分享截图方案优化

          本文链接:https://www.haomeiwen.com/subject/gakikktx.html