给博客增加了一个没有用的功能,生成海报

网站动态 隔壁老李于 2020-08-15 08:55:19 最后编辑
文章总结
AI正在生成摘要

文章介绍了在博客中新增海报生成功能,该功能利用html2canvas.js在前端生成海报,实现类似网页截图的效果。同时,作者还提到将二维码生成方式从API改为使用QRCode.js。具体实现原理和更多细节可参考提供的GitHub链接。

增加了一个生成海报的功能,就是这货

给博客增加了一个没有用的功能,生成海报  第1张

没有使用PHP,而是使用html2canvas.js直接在前台生成,基本的流程就是:点击生成按钮,生成一段隐藏的HTML,然后用html2canvas获取这段HTML,生成Canvas,可以理解为——网页截图?。

具体是啥原理我也不知道,因为我是抄的别人的代码,然后自己修改了一下而已。

另外,原来的代码二维码生成用的是api,我这里直接改成用QRCode.js了

想多了解HTML内容写入Canvas生成图片的可以看一下:

https://github.com/niklasvh/html2canvas

想多了解二维码生成的可以看一下:

https://github.com/davidshimjs/qrcodejs

赞赏
取消
扫码支持 支付码
本文由 @隔壁老李 于 2020-08-15 发布在 野路子博客,如无特别说明,本博文章均为原创,转载请保留出处。
评论 (3)
访客
往往
我拿到了个需求是在前端做一个PDF文件,思路和这个差不多。。。
· 来自美国 · 回复
富贵网
技术员真心不容易 学海无涯
· 来自河南省南阳市 · 回复
冷丶柠檬
喜欢你这个主题,会出嘛
· 来自新加坡 · 回复
Top