Probleme compatibilité explorateurs - Paper.js [Fermé]

Signaler
Messages postés
2
Date d'inscription
vendredi 26 juin 2015
Statut
Membre
Dernière intervention
26 juin 2015
-
Bonjour à tous,

Avec mes maigres connaissances en javascript, j'ai enfin réalisé mon rêve: une saucisse volante !

Pas de bol : ça ne marche que sur Firefox !
Sur Chrome et IE j'ai le ciel, mais pas la saucisse...

voila le code 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>

<div id="image"><img src="pop.jpg" width="12px" height="12px">

</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>


avec une fond d'image sky.jpg dans le même dossier que la page

puis le script saucisse.js

// Adapted from the following Processing example:
// https://processing.org/examples/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';

}


qq'un aurait une idée pourquoi ça marche pas ?