node生成图片-Nodejs利用phantom 将html生成图片

先安装插件gm

npm i gm

注意,如果是在windows下请先百度graphicsmagick,到官网下载安装程序进行安装。

编辑图片:先引用gm模块,然后调用resize函数,生成一张的图片,大小为40 X 40,执行代码后看到结果,图片生成。生成图片和代码如下图所示

创建图片:类似canvas的API,这里演示了如何创建一个黑色矩形,并在上面绘制一个圆。生成图片和代码如下图所示

用文件流编辑图片:文件以stream的形式进行读取,编辑之后再以stream的形式生成新的图片。生成图片和代码如下图所示

用buffer的形式编辑图片:跟文件流形式差不多,不过需要先用fs模块读取文件生成buffer,然后用gm进行操作。生成图片和代码如下图所示

6

gm的基本功能就差不多了,更多功能可以去百度一下官网进行查看

gitee码云项目地址

开始

进入一个新的项目目录,命令模式进入项目目录

然后一直回车,内容可不填。

修改 文件为下面的内容:

安装依赖

在项目根目录下创建文件

运行

等待几秒后,如果在项目目录下生成图片,说明成功了。

gitee码云项目地址

官网地址:

/

首先通过命令 npm install --save phantom 安装phantom 【本篇文章Node版本为6.X】

运行:

我们可以看到 同级目录多了一个