摘要:地址如果觉得不错可以给个或者提出你的建议,基于的图片转示意图。瓶颈目前项目的瓶颈存在于这个插件,把图片转成码在浏览器中输出是十分快速的,但是后期将输出的码转换成图片时,使用了插件,这个插件在转换图片的过程中十分缓慢,导致最后的输出缓慢。
GitHub地址:https://github.com/qiangzi772...
如果觉得不错可以给个star或者提出你的建议
img2Ascii,基于JS的图片转ASCII示意图。
效果转码前图片
转码后图片
构建npm install 或者 yarn install
之后通过
npm run dev
即可打开项目
使用以下代码在main.js中
const Img2Ascii=require("./index"); const img=require("./assets/av.png"); new Img2Ascii(img,(nSrc,img)=>{ const nImg = new Image(); 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。
文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。
转载请注明本文地址:https://www.ucloud.cn/yun/50955.html
摘要:地址如果觉得不错可以给个或者提出你的建议,基于的图片转示意图。瓶颈目前项目的瓶颈存在于这个插件,把图片转成码在浏览器中输出是十分快速的,但是后期将输出的码转换成图片时,使用了插件,这个插件在转换图片的过程中十分缓慢,导致最后的输出缓慢。 GitHub地址:https://github.com/qiangzi772... 如果觉得不错可以给个star或者提出你的建议 img2Ascii...
摘要:成果展示总结这个脚本就是简单的利用的库,来模拟用户注册的流程,以达到邀请用户的目的。这个脚本也有很多不完善的地方,比如验证码识别机器人检测一些错误判断都没有,待完善的地方还有很多。这个脚本只是为了和大家交流学习。 区块鱼是一个基于区块链的游戏,这个游戏目前有个邀请活动,邀请好友注册,送相应种类的鱼,不同的鱼价格不一样 普通鱼 0.015 ETH起(邀请3个好友) 稀缺鱼 0.05...
摘要:成果展示总结这个脚本就是简单的利用的库,来模拟用户注册的流程,以达到邀请用户的目的。这个脚本也有很多不完善的地方,比如验证码识别机器人检测一些错误判断都没有,待完善的地方还有很多。这个脚本只是为了和大家交流学习。 区块鱼是一个基于区块链的游戏,这个游戏目前有个邀请活动,邀请好友注册,送相应种类的鱼,不同的鱼价格不一样 普通鱼 0.015 ETH起(邀请3个好友) 稀缺鱼 0.05...
阅读 3186·2021-09-30 09:48
阅读 3451·2021-09-22 16:00
阅读 1043·2019-08-30 13:08
阅读 3082·2019-08-30 10:53
阅读 2396·2019-08-29 18:33
阅读 1560·2019-08-29 12:47
阅读 865·2019-08-29 12:16
阅读 1914·2019-08-26 12:02