Paper.js - 兼容Chrome和IE

我試圖做一件愚蠢的事情：在HTML頁面上飛行的香腸。我試圖從Paper.js http://paperjs.org/Paper.js - 兼容Chrome和IE

在這裏做的是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並將紙。 JS，saucisse.js和saucisse.html是在同一文件夾

一切都很好，與Firefox，但與Chrome和IE，只存在天空，沒有香腸。很傷心。

有什麼想法？

來源

2015-06-26 jeremixogg

事實上，它工作在服務器上而不是本地，更奇怪的......在ADRESS，如果你想查詢：[http://www.labugne.com/servj/SkyWurst.html] – jeremixogg

檢查錯誤控制檯在本地站點上的任何問題，如失敗的腳本 –

我不能肯定地說，但我懷疑，要麼paper.js或saucisse.js當你在本地運行沒有加載。這可能是因爲文件丟失或錯誤的地方。

另一種可能是服務器paper.js是紙full.js而當地的紙是-core.js。如果是這種情況，兩個文件都會加載，但由於papercript功能未加載，saucisse腳本將失敗。

我沒有在HTML文件中嵌入saucisse.js和引用的版紙，我知道是正確的，並且運行在本地使用Chrome，IE和Firefox。我不知道爲什麼Firefox運行正常。也許Firefox做了一個改變之前已經打開了一個正確工作版本的標籤，這會破壞一些東西？如果是這樣，它將繼續工作，直到您重新加載頁面。

來源

2015-06-27 17:38:40 bmacnaughton

Paper.js - 兼容Chrome和IE

回答

相關問題