您可以在 google 表单中创建一个字段，您可以在其中插入 mousetrack 以制作 png 格式的签名吗？

Question

我有一个问题，我希望客户用手写笔签名并将其发送到我们的 sheet 但从未收到脚本。我希望得到一些帮助，在那里获得一个脚本，你可以在 google 表单中签署一个将显示为 png 的字段，或者在那里制作一个网络应用程序，你可以做一个标志，表明我连接到将发送的标志e 签到 sheet auto.

Answer 1

您可以做两件事

简单：让用户事先准备一个保存为 png 的签名，并将其包含到您的 Google 表格中 "File upload" 项目
优雅：使用 Google Web App and use jSignature

Sample Web App

.gs 文件

function doGet() {
  return HtmlService
      .createTemplateFromFile('index')
      .evaluate();
}
function saveToDrive(signature){
...
  var signature = signature.split(",")
  var blob = Utilities.newBlob(Utilities.base64Decode(signature[1]), 'image/png');
  var sheet=SpreadsheetApp.getActive().getActiveSheet();
  sheet.insertImage(blob, 1, 1);
...
}

index.html 文件

<!DOCTYPE html>
<html>
<head><meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0"/></head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="https://cdn.rawgit.com/willowsystems/jSignature/master/libs/jSignature.min.js"></script>
<body>
<form>
...
Signature:
<div id="signature"></div><br>
<img id="rendered" src="" style="display:none">
<input type="Submit" value="Save" onclick="getSignature();"/>
...
</form>
</body>
<script>
  document.getElementById("signature").style.border = "1px solid black";
  $("#signature").jSignature({
    'background-color': 'transparent',
    'decor-color': 'transparent'
  });
  function getSignature(){
    $("img#rendered").attr("src",$('#signature').jSignature('getData','default'));
    var signature = document.getElementById('rendered').src;
    google.script.run.saveToDrive(signature);
  } 
</script>
</html>

您可以在 google 表单中创建一个字段，您可以在其中插入 mousetrack 以制作 png 格式的签名吗？

Can you make a field in google forms where u can insert mousetrack to make signatures to png format?

web-applications

signature

google-apps-script

您可以做两件事