GitHub地址：https://github.com/qiangzi772...如果觉得不错可以给个star或者提个建议img2Ascii，一个基于JS的图片转换ASCII图。转码前效果图片转码镜像构建完成后npminstall或者yarninstall可以通过npmrundev打开项目在main.js中使用如下代码constImg2Ascii=require('./index');constimg=require('./assets/av.png');newImg2Ascii(img,(nSrc,img)=>{constnImg=newImage();nImg.src=nSrc;nImg.style.width=img.width+'px';nImg.style.height=img.height+'px';nImg.onload=()=>{document.body.appendChild(nImg);document.getElementById('tip').style.display='none';}});Img2Ascii方法需要传入两个参数，第一个参数为图片路径，第二个参数为图片转换完成后的回调函数，需要在回调函数中注入新生成的图片节点，否则会看不到效果。实现思路在canvas中绘制完图片后，使用getImageData接口获取图片的rgba，计算rgba值并转换成对应的ASCII码，在合适的位置换行，然后完成整体转换。瓶颈目前项目的瓶颈在于html2canvas插件。将图片转换成ASCII码，在浏览器中输出，速度非常快。不过后面在将输出的ASCII码转成图片的时候，要用到html2canvas插件。这个插件转换图片。该过程非常缓慢，导致最终输出缓慢。接下来我们将html2canvas插件替换成其他插件，忘记广大网友提供一些转换图片的插件。另外，我还写了一个draggable拖拽库和ant-template模板引擎，觉得不错的话可以给个star。
