issues icon indicating copy to clipboard operation
issues copied to clipboard

后端根据前端传递的数据动态生成图片

Open youngjuning opened this issue 7 years ago • 1 comments

本人是一个全栈工程师,我选择的方案是使用 node-webshot 来实现如题的功能,这个 node 模块提供了简单易用的 API 来完成 web 页面的截屏任务,它是一个轻量级 phantomjs 的一个轻量级封装,它利用了 WebKit 来执行页面渲染。

工具

  1. phantomjs GitHub stars :Scriptable Headless Browser
  2. node-webshot GitHub stars : Easy website screenshots in Node.js
  3. screenshot-phantom GitHub stars: node端基于phantomjs的屏幕截取服务
  4. phantomjs Screen Capture
  5. CutyCapt GitHub stars:A Qt WebKit Web Page Rendering Capture Utility
  6. html2canvas GitHub stars:Screenshots with JavaScript https://html2canvas.hertzen.com/

教程

phantomjs

  1. highcharts 结合phantomjs纯后台生成图片 .net winform
  2. 使用Java调用PhantomJS动态导出ECharts图片到Word文件中
  3. Highcharts结合PhantomJS在服务端生成高质量的图表图片 - .net
  4. NodeJS PhantomJS screenshot via Express - Nodejs

html2canvas

  1. Web页面截图或HTML内容保存为图片 - html2canvas
  2. 一次 H5 「保存页面为图片」 的踩坑之旅 - html2canvas

CutyCpt

  1. 截取指定网页图片-CutyCapt的应用

youngjuning avatar May 05 '18 02:05 youngjuning

https://github.com/GoogleChrome/puppeteer

youngjuning avatar Sep 07 '18 06:09 youngjuning