Javascript 是否可以在谷歌应用程序脚本中使用p5.js库_Javascript_Google Apps Script_Web Applications_P5.js

Javascript 是否可以在谷歌应用程序脚本中使用p5.js库

javascript google-apps-script web-applications

Javascript 是否可以在谷歌应用程序脚本中使用p5.js库,javascript,google-apps-script,web-applications,p5.js,Javascript,Google Apps Script,Web Applications,P5.js,我正在尝试从google应用程序脚本访问p5.js库。下面是我尝试过的doGet（）函数。我做错了吗？或者使用应用程序脚本时无法访问此库 function doGet() { eval(UrlFetchApp.fetch('https://cdnjs.cloudflare.com/ajax/libs/p5.js/0.5.14/p5.js', Object).getContentText()); return HtmlService.createHtmlOutputFromFile('index

我正在尝试从google应用程序脚本访问p5.js库。下面是我尝试过的doGet（）函数。我做错了吗？或者使用应用程序脚本时无法访问此库

function doGet() { eval(UrlFetchApp.fetch('https://cdnjs.cloudflare.com/ajax/libs/p5.js/0.5.14/p5.js', Object).getContentText());

return HtmlService.createHtmlOutputFromFile('index');
}

我还尝试通过删除对象参数来更新代码，如下所示：

    function doGet() {
eval(UrlFetchApp.fetch('https://cdnjs.cloudflare.com/ajax/libs/p5.js/0.5.14/p5.js').getContentText());
      return HtmlService.createHtmlOutputFromFile('index');
    }

但我还是犯了一个错误

SyntaxError:后面缺少名称。接线员

更新：我从下面试过马里奥的密码。它修复了第一个错误。但现在我正在尝试创建一个画布，我看到的只是一个空白页面。没有列出错误。下面是代码现在的样子

多吉特

function doGet() {
   var template = HtmlService.createTemplateFromFile("demo");
   return template.evaluate().setSandboxMode(HtmlService.SandboxMode.IFRAME); 
}

素描

function setup() {
  createCanvas(400,600);
}

function draw() {
  background(100);
}

demo.html

<!DOCTYPE html>
<html>
<head>
    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/0.5.14/p5.js"></script>
    <script src="sketch.gs"></script>
</head>
<body>
</body>
</html>

<html>
<head>
    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/0.5.14/p5.js"></script>
    <?!= include('sketch'); ?>
</head>
<body>
</body>
</html>

首先，您必须创建一个新文件，并将所有HTML代码与要使用的javascript放在一起

demo.html

<!DOCTYPE html>
<html>
<head>
    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/0.5.14/p5.js"></script>
    <script src="sketch.gs"></script>
</head>
<body>
</body>
</html>

<html>
<head>
    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/0.5.14/p5.js"></script>
    <?!= include('sketch'); ?>
</head>
<body>
</body>
</html>

这是HTML服务的谷歌文档

这样做会发生什么？你收到错误信息了吗？上面写着“坏值”，请解释一下这个代码的作用以及为什么它是正确的答案，而不是简单地丢弃无法解释的代码。马里奥的代码修复了第一个错误。但现在我只看到一页空白。没有画布。我在我的原始帖子中更新了代码，以显示我到目前为止所拥有的。它不会返回任何错误。只有一个空白屏幕。哇！这很有道理！谢谢，马里奥！你就是那个人！