canvas && htmlToCanvas

值得参考：

https://blog.csdn.net/weixin_43392489/article/details/108368993

利用htmlToCanvas生成缩略图

文档地址：

http://html2canvas.hertzen.com/

没找到中文文档

canvas

https://developer.mozilla.org/zh-CN/docs/Web/API/Canvas_API

htmlcanvas前段时间干好需要做一个流水线实时更新缩略图

实现效果（菜鸟一枚，如果更好的实现方法还请指出，多谢）

首先准备dom截图的插件

使用的是html2canvas插件

项目文件引入 html2canvas

html部分

JS部分通过在页面加载完成后异步生成div图片

watch监听流水线数据，发生变化则触发 loadThumbnail()

5、html2canvas官网地址

官网

写一个最外框div,然后把这个div设置图片背景。就可以实现了，不过flash最好设置透明。

扩展资料：

“超文本”就是指页面内可以包含图片、链接，甚至音乐、程序等非文字元素。超文本标记语言的结构包括“头”部分（英语：Head）、和“主体”部分（英语：Body），其中“头”部提供关于网页的信息，“主体”部分提供网页的具体内容。

超级文本标记语言是标准通用标记语言下的一个应用，也是一种规范，一种标准， 它通过标记符号来标记要显示的网页中的各个部分。

网页文件本身是一种文本文件，通过在文本文件中添加标记符，可以告诉浏览器如何显示其中的内容（如：文字如何处理，画面如何安排，图片如何显示等）。

参考资料：百度百科-HTML

---