精彩回顾
有点意思的gif动图生成平台开发实战(二)
如何实现H5可视化编辑器的实时预览和真机扫码预览功能
在线IDE开发入门之从零实现一个在线代码编辑器
基于React+Koa实现一个h5页面可视化编辑器...-Dooring
TS核心知识点总结及项目实战案例分析
前言
网页截图功能目前也是非常常见的需求, 尤其是在在线教育领域....我们朋友圈的微信海报, 活动海报等, 一般都是运营/市场人员通过设计工具设计而成, 但是如何更好的映射到自己的服务体系里面, 比如H5页面中, 植入更多信息收集, 交互能力....这一块的应用探索, 页面截图是一个非常好的解决方案.
接下来笔者就来复盘一下如何基于网页, 一键生成页面海报的功能, 并将此能力, 集成到笔者的开源项目H5-Dooring中为编辑器赋能....正文
在实现具体功能之前, 我们先看看具体的实现效果:
从演示中我们可以看出, 我们最终目标是实现在PC端生成H5页面的截图, 所以可能会涉及到以下几个问题:
如何实现将页面转化为图片
如何实现H5