Question

我正在尝试使用p5.js和paper.js在网站上展示我的作品。

我可以在同一个Sublime Text HTML窗口中使用两个不同的JavaScript库吗？

Answer 1

简短的回答是是，当然您可以在一个网页上使用多个JavaScript库。

答案越长，它取决于这些库的确切内容。我不知道paper.js是做什么的，但这里有一个例子：如果由于某种原因，paper.js从页面中删除了所有内容，包括Processing canvas，那么Processing.js将无法正常工作。

但是看起来这两个库只是简单地绘制到画布上，所以没有什么可以阻止你在页面上有两个画布并使用每个库来绘制一个画布。

如果你想使用两个库来绘制相同的画布，那就更复杂了。

老实说，回答这些问题的最好方法就是尝试一些东西。您可能可以将一个小示例项目放在一起，并在您获得答案时自行测试。如果您仍然感到困惑，我建议您尝试提出一个更具体的问题并发布MCVE来展示您迄今为止尝试过的内容。

Answer 2

要更新Sublime以突出显示Paper.js

转到工具命令面板键入包资源查看器转到“开放资源” 然后输入HTML 单击“ HTML”，这将为您提供一个新列表，其中包括“ HTML.sublime-syntax”。选择此选项。页面顶部将显示“％YAML 1.2”。

Ctrl + F将使您能够搜索“ MIME”。

所需的行将如下所示：

  javascript_mime_type: |-
    (?ix:
      # https://mimesniff.spec.whatwg.org/#javascript-mime-type
      (?:application|text)/(?:x-)?(?:java|ecma)script
      | text/javascript1\.[0-5]
      | text/jscript
      | text/livescript

下一步，将此行添加到底部：

  | text/paperscript

最终版本应如下所示：

  javascript_mime_type: |-
    (?ix:
      # https://mimesniff.spec.whatwg.org/#javascript-mime-type
      (?:application|text)/(?:x-)?(?:java|ecma)script
      | text/javascript1\.[0-5]
      | text/jscript
      | text/livescript
      | text/paperscript
    )

Ctrl + S为保存，您已完成。

在同一个Sublime Text窗口中使用paper.js和p5.js

2 个答案: