说到Nodejs下的图片处理可能第一想到就是gm，gm底层可以是GraphicsMagic（其实也是gm的由来），也可以是ImageMagick（其实GraphicsMagic本身也是从ImageMagic分割而来，现在独立了）。虽然这两个工具本身都不是js实现，所以需要额外安装，不过此工具非常常见，可能已经预装在linux系统下，而且安装也很方便，所以不用因为看到是“第三方”就放弃。虽然说这两个软件都只是底层，无需关心，可笔者在实践中发现必须得用GraphicsMagic，所以这里就只介绍GraphicsMagics的安装与使用。

GaphicsMagic 安装

GraphicsMagic 官网是： http://pose或者mosaic （详见这个 教程 ）不过感觉不如svg更加明了。

注意笔者尝试通过svg加上文字，不过发现中文字无法被识别，所以仍然只能通过gm添加，添加时需要设置字体（详见下一章代码实现）

如果要在一个大图里嵌入两张圆形的图片，则需要设置两个pattern，这时有个经验：

pattern的x和y设置为0，0

pattern的width和height设置的和 画布 一样

image的x，y设置为其 “实际位置” ，也就是对应 circle 的 cx-r 以及 cy-r ，剪 r 是因为cx和cy指的是圆形中心，而x,y是图形的左上角位置。

代码实现

const gm = require('gm')const fs = require('fs')let templateSVG = "/path/to/original.svg"let outputSVG = "/path/to/repalced.svg"let input = "/path/to/icon.png"let font = "/path/to/font.ttf"let fontColor = "white"let fontSize = 10fs.readFile(templateSVG,'utf-8',function(err,data){ if (err) throw err var d = data.replace('{{icon_img}}',input) fs.writeFile(outputSVG,d,function(err){ if (err) throw err gm(outputSVG) .font(font) .fill(fontColor) .fontSize(fontSize) .drawText(textPosition[0], textPosition[1], text)// .write(output,function(err){ if(err) cb(err) // next }) })})

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。