使用google apps脚本从模板化的样式化html动态生成图片

Question

我正在尝试使用Google表格脚本基于表格内的数据生成新的Google表单。但是，我需要使用一些特定的CSS样式化一些问题。由于我无法在Google表单中设置问题文本的样式，因此我想我可以生成样式化的HTML并将其转换为图像，然后将该图像添加到Google表单中。

因此，我能够生成样式化的HTML，并且可以保存html文件，并且它看起来完全符合我的期望。但是我似乎无法弄清楚如何将其转换为可以在表单中设置的图像Blob。

我想做类似的事情：

var form = FormApp.create("test");
var imageItem = form.addImageItem();
var img = generateImage(page.scenario, page.title);
imageItem.setImage(img);

function generateImage(scenario, name) {
  var t = HtmlService.createTemplateFromFile('index');
  t.data = scenario;
  var htmlOutput = t.evaluate();
  //do something to generate an image from the HTML
  return htmlOutput;
}

该代码按原样显示给我一个错误“该对象必须具有此操作的图像内容类型”。

关于如何将html转换为可以用作有效Blobsource的图像的任何想法？或者，也许有使用某些javascript库的html端解决方案？仅供参考，我正在尝试将其作为许多图像的“批处理”，因此，我不想在此之前不必等待用户操作。