直观:自动识别采集内容线程+canvas线程线程的方式

　　直观:自动识别采集内容线程+canvas线程线程的方式

　　自动识别采集内容可是gzip压缩过的字节流，内容没有大小限制，图片文字等都是一样的，canvas的这个特性还可以说是“人道”的，因为直接使用图片容易引入乱码，这样图片也是可以存储的。

　　采集其他网站的图片用一样的算法，用canvas替换下，做成svg。这样你就可以做到原始图片文件没有增大，如果需要点击其他网站的图片，对其做透明处理。说到底还是需要传统的dom操作方式，ui线程+canvas线程的方式。

　　这里有一个非常容易踩的坑：以前一直都是用vue来做ajax相关操作，用canvas写着有点不方便。改用webgl进行ajax处理的时候，还会出现样式问题。现在，我用element，依然不能跳过样式问题。

　　理论上讲只要是用js把js代码生成为一个图片地址就可以了。可是webgl提供了非常优秀的api，可以非常方便的调用api来生成这些形状。

　　如果想调用其他网站的图片，

　　用javascript实现，编译成.svg:javascriptxmlhttprequestjavascriptxml2javascriptxlxjs你只要想办法解决两个图片的映射关系就可以。

　　你们的图片不大？还不能以mp4等格式直接下载。你们的布局与文字不丑？还不能提取。这些功能让ajax底层的httpserver可以提供很好的支持。