那些好玩的nodejs插件 - 把图片转为ascii

2016-01-06  本文已影响465人  刘彦玮

本文也发布 刘彦玮的技术博客

无意中发现了一个好玩的库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

上一篇下一篇

猜你喜欢

热点阅读