Processing.js et Chrome

**Sango64** · 18/01/2011, 15h47

Bonjour,

J'ai implémenté un programme avec processing.js qui dessine une ellipse et du texte en dessous. Ce qui donne en gros dans la partie draw() :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
fill(255);
ellipse(100, 100, 50, 50);
fill(0);
text("MyText", 100, 150);

Avec le navigateur firefox, ça marche très bien par contre avec le navigateur chrome le texte sous la bulle ne s'affiche pas.

Avez vous une idée sur le problème ?

Merci par avance.

**Sango64** · 20/01/2011, 11h06

Bonjour,

pour donner plus de détails, voici un exemple type qui marche sous Firefox mais pas sous Chrome :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
 
<html>
	<head>
		<script language="javascript" src="processing.init.js"></script>
		<script language="javascript" src="processing.js"></script>
	</head>
 
	<body>
		<script type="application/processing">
			// Global variables
			var fontA;
 
			// Setup the Processing Canvas
			void setup(){
				//Size of canvas
				size(250, 250);
				noStroke();
				fontA = loadFont("Verdana");
				textFont(fontA, 10);
			}
 
			// Main draw loop
			void draw(){
 
				background(200);
				fill(204, 120);
				rect(0, 0, width, height);
 
				fill(255);
				ellipse(100, 100, 50, 50);
				fill(0);
				text("MyText", 100, 150);
			}
		</script>
 
		<canvas width="250px" height="250px"></canvas>
 
	</body>
</html>

Si vous avez des idées je suis preneur

**Sango64** · 21/01/2011, 11h27

Bonjour,

j'ai résolu mon problème.

J'ai téléchargé la dernière version des bibliothèques js, adapté mon code et maintenant ça fonctionne sour Firefox et Chrome.

Processing.js et Chrome

Bibliothèques & Frameworks

Discussions similaires

Partager

Partager