5

我正在尝试从教程中学习 paper.js，但我无法从外部文件中使用它。实现外部 paperscript 文件的最简单方法是什么？

4

3 回答 3

5

如入门教程中所述，如果您想将 Paperjs 与外部文件一起使用：

<!DOCTYPE html>
<html>
<head>
    <script type="text/javascript" src="js/paper.js"></script>
    <script type="text/paperscript" src="js/myScript.js" canvas="myCanvas"></script>
</head>
<body>
    <canvas id="myCanvas" resize></canvas>
</body>
</html>

请务必指定：

  • 脚本类型“text/ paperscript ”
  • 带有“canvas”属性的画布 ID
于 2013-11-02T15:45:48.333 回答
0

我和你有同样的问题。我使用的是 0.12.15 版本，我终于明白了问题所在。

对我来说，这是脚本的合成器。我使用 const、let 和箭头函数，但 paperscript 解析器无法理解这些文字。

失败代码：

const rectangles = [
  new paper.Rectangle(new paper.Point(10, 10), new paper.Size(100, 50)),
  new paper.Rectangle(new paper.Point(10, 150), new paper.Size(100, 50)),
  new paper.Rectangle(new paper.Point(10, 300), new paper.Size(100, 50)),
  new paper.Rectangle(new paper.Point(10, 450), new paper.Size(100, 50))
]

rectangles.forEach((rectangle) => {
  const path = new paper.Path.Rectangle(rectangle)
  path.fillColor = "#e9e9ff"
})

工作代码：

var rectangles = [
  new paper.Rectangle(new paper.Point(10, 10), new paper.Size(100, 50)),
  new paper.Rectangle(new paper.Point(10, 150), new paper.Size(100, 50)),
  new paper.Rectangle(new paper.Point(10, 300), new paper.Size(100, 50)),
  new paper.Rectangle(new paper.Point(10, 450), new paper.Size(100, 50))
]

rectangles.forEach(function(rectangle){
  var path = new paper.Path.Rectangle(rectangle)
  path.fillColor = "#e9e9ff"
  path.on
})
于 2021-09-16T09:36:31.293 回答
0

——现在的新版本呢？我仍然有这个问题，Paperjs 的版本是 0.11.5？--

实际上，我通过 Udemy -Git 链接中的另一个学生找到了解决方案。转到 paper-full.js（它仅适用于下载版本，不适用于 CDN）并转换该行

    xhr.open((options.method || 'get').toUpperCase(), options.url,
    Base.pick(options.async, true));

只进

xhr.open((options.method || 'get').toUpperCase(), options.url);

我知道这不是在普通网站中使用的，因为它违反了安全协议，所以它只是为了练习。根据 Paperjs，异步方法是可选的。顺便说一句，对我来说，它适用于 Firefox，但不适用于 Chrome。

于 2018-03-24T16:00:10.863 回答