Paper.js - 与 Chrome 和 IE 的兼容性答案

【问题标题】：Paper.js - compatibilty with Chrome and IEPaper.js - 与 Chrome 和 IE 的兼容性
【发布时间】：2015-06-26 20:56:24
【问题描述】：

我正在尝试做一件愚蠢的事情：HTML 页面上的飞行香肠。我正在尝试从 Paper.js 做到这一点 http://paperjs.org/

这里是 HTML 代码

<!DOCTYPE html>
<html>
<head>

 <meta charset="utf-8" />
    <title>SkyWurst</title>

<!-- Load the Paper.js library -->
<script type="text/javascript" src="paper.js">
</script>
<!--Load external PaperScript and associate it with myCanvas -->
<script type="text/paperscript" src="saucisse.js" canvas="myCanvas">
</script>

</head>
<body>

 <canvas  id="myCanvas" width="1600" height="900"
    id="tools_sketch" width="1600" height="900" 
    style="background: url(sky.jpg) no-repeat center center;">
 </canvas>

</body>
</html>

这里是 saucisse.js

// Adapted from the following Processing example:
// http://processing.org/learning/topics/follow3.html

// The amount of points in the path:
var points = 10;

// The distance between the points:
var length = 25;

var path = new Path({
 strokeColor: '#E4141B',
 strokeWidth: 70,
 strokeCap: 'round'
});

var start = view.center / [10, 1];
for (var i = 0; i < points; i++)
 path.add(start + new Point(i * length, 0));

function onMouseMove(event) {
 path.firstSegment.point = event.point;
 for (var i = 0; i < points - 1; i++) {
  var segment = path.segments[i];
  var nextSegment = segment.next;
  var vector = segment.point - nextSegment.point;
  vector.length = length;
  nextSegment.point = segment.point - vector;
 }
 path.smooth();
}

function onMouseDown(event) {
 path.fullySelected = true;
 path.strokeColor = '#e08285';
}

function onMouseUp(event) {
 path.fullySelected = false;
 path.strokeColor = '#e4141b';

}

sky.jpg、paper.js、saucisse.js 和 saucisse.html 在同一个文件夹中

使用 Firefox 一切正常，但使用 Chrome 和 IE，只有天空，没有香肠。很伤心。

有什么想法吗？

【问题讨论】：

其实是在服务器上工作，在本地却不行，更奇怪的是……地址要查的话：[labugne.com/servj/SkyWurst.html]
检查错误控制台是否存在本地站点上的任何问题，例如失败的脚本

标签： cross-browser paperjs

【解决方案1】：

我不能肯定地说，但我怀疑 paper.js 或 saucisse.js 在本地运行时没有加载。可能是因为文件丢失或位置错误。

另一种可能是服务器paper.js是paper-full.js，而本地paper是paper-core.js。如果是这种情况，两个文件都会加载，但 saucisse 脚本会失败，因为没有加载 paperscript 功能。

我确实在 HTML 文件中嵌入了 saucisse.js，并引用了我知道是正确的并且使用 Chrome、IE 和 Firefox 在本地运行的论文版本。我不知道为什么 Firefox 运行正常。也许在您做出破坏性的更改之前，Firefox 的标签页已经打开到正确工作的版本？如果是这样，它将继续工作，直到您重新加载页面。

【讨论】：