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

Фактически, он работает на сервере, но не локально, еще более странно ... адрес, если вы хотите проверить: [http://www.labugne.com/servj/SkyWurst.html] – jeremixogg

Проверьте ошибку консоль для любых проблем на локальном сайте, например, неудачные сценарии –

Я не могу сказать окончательно, но я подозреваю, что либо бумага.js, либо saucisse.js не загружается, когда вы запускаете ее локально. Это может быть связано с тем, что файлы отсутствуют или находятся в неправильном месте.

Другая возможность заключается в том, что на сервере paper.js есть бумага-full.js, а в местной бумаге - бумага-core.js. Если это так, оба файла будут загружаться, но скрипт saucisse завершится неудачно, потому что функции papercript не будут загружены.

Я вложил saucisse.js в файл HTML и ссылался на версию бумаги, которая, как я знаю, была правильной и выполняется локально с использованием Chrome, IE и Firefox. Я не знаю, почему Firefox работает правильно. Возможно, у Firefox была вкладка, которая уже была открыта для корректно работающей версии, прежде чем вы внесли изменения, которые нарушили ситуацию? Если это так, он будет продолжать работать, пока вы не перезагрузите страницу.

источник

2015-06-27 17:38:40 bmacnaughton

Paper.js - совместимость с Chrome и IE

ответ

Смежные вопросы