Manipuler JSON avec CANVAS via WEBSOCKET

Bonjour,


Je d�bute en HTML 5, et actuellement je travaille sur une application en HTML5 pour afficher un diagramme ( diagramme de l��il ) sur ma page web.( voir image du canvas ci-dessous)
Les points du diagramme (c�t� serveur en langage C = carte �lectronique) seront remont�s par un programme, et convertis en format Json avant d'�tre envoyer via les websockets.
Donc mon application ( cot� client ) doit pouvoir r�cup�rer ces points et les affich�s autour du "trap�ze-rectagle" du milieu.
Le fichier JSON aura une forme simple :

Code:

---

1 2 3 4 5 6 7 8 9

"EYE DIAGRAM" : [ { "X" : " $$$", // coordonnées X du point a afficher "Y" : " $$$", // coordonnées Y du point a afficher "BER": " $$$",}, // précise la couleur du point a afficher en fonction d'un code couleur { "X" : " $$$", "Y" : " $$$", "BER": " $$$",}, .... ]

---

Bien sur une conversion doit se faire pour convertir ces valeurs re�u en pixels.


1/ J'aimerai savoir comment on manipule un fichier JSON en local pour faire test et m'exercer avant de recevoir le reel fichier?
2/ comment je pourrai manipuler ce genre de fichier JSON pour positionner mes points sur mon graphe?
3/ comment je pourrai g�rer l'interop�rabilit� WebSocket-JSON-CANVAS , recevoir le fichier JSON avec les websockets et le manipuler avec Canvas?

toutes r�ponses est la bienvenue.
Merci d'avance.

Bonjour,

Tes questions ne sont pas pr�cises du tout, le mieux serait de nous dire exactement ce qui te pose probl�me.

Tu parles d'interop�rabilit� entre Websockets, json et canvas. Mais ce sont des choses bien diff�rentes :
- Websockets est ton protocole d'�change
- JSON est le format dans lequel tu s�rialises tes donn�es
- Canvas te permet de dessiner ton diagramme

Donc si tu sais utiliser ces API ind�pendamment, tu ne devrais pas avoir de mal � les mettre bout � bout pour r�aliser ton application. Avec les websockets tu �changes tes donn�es en JSON. Tu les traduis c�t� client avec JSON.parse puis tu compl�tes ton mod�le de donn�es avec, puis tu appelles ta fonction de dessin pour mettre � jour le diagramme.

Je te sugg�re dans un premier temps de s�parer dans diff�rents javascript ta couche communication, ta couche mod�le et ta couche UI/dessin.