使用谷歌脚本将谷歌电子表格的范围变成图像

Question

我正在构建一个搜索工具，通过它可以使用谷歌脚本将谷歌范围转换为图像。我试图将该数据范围粘贴到谷歌幻灯片，然后从那里获得缩略图及其网址。我正在搜索任何其他直接为我提供谷歌表格选定范围的图像网址的工具。

谢谢

Answer 1

这是一个非常有趣的问题。

我不确定这样做的原因，但这里有一个答案：

这会在您的工作表顶部创建一个自定义菜单，上面写着：

自定义函数 => 将范围导出到图像文件。

当你点击它时：

• 将您选择的任何内容转换为工作表中的表格
• 保存
• 从中生成图像
• 将图像保存到驱动器
• 显示带有已保存图像链接的弹出窗口。

代码已准备好处理要导出的多个范围，但现在它只导出选定的范围。

function onOpen(e) {
  //Create custom menu to export range to Slides.
  SpreadsheetApp.getUi()
      .createMenu('Custom Functions')
      .addItem('Export Range to Image Files', 'SelectedRangeToImage')
      .addToUi();
}


function SelectedRangeToImage() {
  var slide = RangeToSlides();
  var slideId = slide.getId();
  var images  = [];
  for (var x=0; x<slide.getSlides().length;x++) {
    var image = SlidesToImage(slide.getName()+x, slideId, slide.getSlides()[x].getObjectId());
    images.push(image);
  }

  //Show interface with links to all images
  var ui = SpreadsheetApp.getUi();
  var html = HtmlService.createHtmlOutput();
  html.append("<p>Your images:</p>");
  html.append("<ul>");
  for (var i=0; i<images.length; i++) {
    html.append("<li><a href='"+images[i].getUrl()+"'>"+images[i].getName()+"</a></li>");
  }
  html.append("</ul>");
  html.append("<input type='button' value='Close' onclick='google.script.host.close()' />");
  ui.showModalDialog(html, "Exporting results:");
}

function RangeToSlides() {
  var ss = SpreadsheetApp.getActiveSpreadsheet();
  var range = ss.getActiveRange();

  var rangeValues = range.getDisplayValues();
  var rangeHorizontalAlignments = range.getHorizontalAlignments()
  var rangeBackgrounds = range.getBackgrounds();
  var rangeFontWeights = range.getFontWeights();


  var sl = SlidesApp.create("ExportToImage"+new Date());
  var slide = sl.getSlides()[0];

  //Create table with size of the range
  var table = slide.insertTable(rangeValues.length, rangeValues[0].length);
  for (var x=0; x<rangeValues.length; x++) {
    for (var y=0; y<rangeValues[x].length; y++) {
      var cell = table.getCell(x,y);
      cell.getText().setText(rangeValues[x][y]); //Set text
      cell.getFill().setSolidFill(rangeBackgrounds[x][y]); //Set background
      cell.getText().getTextStyle().setBold(rangeFontWeights[x][y]=="bold"?true:false); //Set text formatting
      var alignment;
      switch(rangeHorizontalAlignments[x][y]) {
        case "general-left":
          alignment = SlidesApp.ParagraphAlignment.START;
          break;
        case "general-right":
          alignment = SlidesApp.ParagraphAlignment.END;
          break;
        case "center":
          alignment = SlidesApp.ParagraphAlignment.CENTER;
          break;
      }
      cell.getText().getParagraphStyle().setParagraphAlignment(alignment); //Set text alignment
    }
  }
  sl.saveAndClose();
  return sl;  
}

function SlidesToImage(name, presentationId, slideId) {
  var url = "https://slides.googleapis.com/v1/presentations/"+presentationId+"/pages/"+slideId+"/thumbnail";
  var options = {
    headers: {
      Authorization: 'Bearer ' + ScriptApp.getOAuthToken()
    }
  };
  var response = UrlFetchApp.fetch(url, options);
  var responseJson = JSON.parse(response.getContentText());
  var imageurl = responseJson.contentUrl;
  var imageResponse = UrlFetchApp.fetch(imageurl, options);
  var blob = imageResponse.getBlob();
  blob.setName(name);
  var resultingFile = DriveApp.createFile(blob);
  return resultingFile;
}

希望这会有所帮助！

参考资料：

1. https://stackoverflow.com/a/51391196/11869748
2. How to download Google Slides as images?
3. https://developers.google.com/slides/reference/rest/v1/presentations.pages/getThumbnail