Javascript 将HTML元素转换为图像（服务器端）

我想将动态HTML元素转换为图像（jpg、png等等），我不想从静态HTML文件中获取网页的截图

其目的与此类似，但在服务器端：

var imgs=[]
for (var i = 0; i < templates.length; i++){
     var tempHtml = $(templates[i]).find("#imagePlaceHolder").attr("src", url[i]);
     imgs.push(convert2Image(tempHTML));
} 

var imgs=[]
对于（var i=0；i

您可以使用无头浏览器PhantomJS和PhantomJS桥来集成到应用程序中。 节点和PhantomJS之间的桥梁。（）

---

啊？这毫无意义：您正在创建一个img元素，将其源设置为图像，然后将HTML图像元素转换回图像？为什么不立即将其推入阵列？例如，模板可以是xxxxxxxx

zzzz

“我不想得到网页的屏幕截图”，这听起来与您想做的完全一样。

var webPage = require('webpage');
var page = webPage.create();

page.viewportSize = {
  width: 1920,
  height: 1080
};

page.open('http://youwebsite/yourpage', function (status) {
  var base64 = page.renderBase64('PNG');
  phantom.exit();
  console.log(base64);
});