本文也发布 刘彦玮的技术博客
无意中发现了一个好玩的库image-to-ascii他的作用能把图片转为ascii,我们先看一下完成后的效果是不是很有趣,有趣就可以接着往下看了~~
很有意思吧? 下面我们来看看怎么实现的,主要分为这几个步骤去说明:
配置环境,安装必要的插件
image-to-ascii 依赖于Graphics Magick,所以我们先安装Graphics Magick
# Ubuntu
$ sudo apt-get install graphicsmagick
# Fedora
$ sudo dnf install GraphicsMagick
# OS X
$ brew install graphicsmagick
# Chocolatey (package manager for Windows)
# (Restart of cmd/PowerShell is required)
$ choco install graphicsmagick
我的安装环境是mac,但是在Graphics Magick的安装过程中出现了一些错误,后来我使用的是port才把这个graphicsmagick安装成功
port install graphicsmagick
安装graphicsmagick成功后,我们新建一个项目文件夹,名叫“imageToAscii”,再文件夹下终端使用npn创建一个项目
npm init
依次按提示输入项目的名称,版本,开源协议等等信息。
接着我们安装ImageToAscii
npm install image-to-ascii --save-dev
安装完成之后项目文件夹会多一个node_modules,里面存放相关依赖的node包
编写nodejs代码
项目根目录下创建一个文件,index.js,代码如下:
//导入image-to-ascii 包
varImageToAscii=require("image-to-ascii");
//配置一个图片的根路径var__dirname="./images/";
//调用image-to-ascii的方法,2个参数,第一个为图片的路径,第二个为完成后的输出。
ImageToAscii(__dirname+'2.jpg',function(err,converted){
console.log(err||converted)
});
代码很简单,注意看我的注释。
调用nodejs,把图片打印成ascii
代码写完之后,我们打开终端,进入到项目的根目录,执行我们写的index.js代码
node index.js
是不是很简单?我们在吧对应的图片地址换成 3.jpg 或者4.jpg试试看其他图片的生成效果吧。当然,你也可以放入自己的图片玩一玩~
have fun ~
demo
本文示例demo见demo-web
最后
刘彦玮原创,转载请注明出处
感谢大家支持,请github上follow和star