Vorrei tracciare i punti in modo bidimensionale (ognuno ha le coordinate xey). Mi stavo chiedendo se sei a conoscenza di una biblioteca o di un progetto che lo fa in modo da non doverlo costruire da zero.Come disegnare punti nelle posizioni x/y utilizzando JavaScript
Qui si ha uno: http://jsdraw2d.jsfiction.com/
Raphaël - una piccola libreria JavaScript che dovrebbe semplificare il vostro lavoro con la grafica vettoriale sul web.
L'utilizzo del tag canvas è il modo migliore per farlo. Ecco un esempio che crea una tela:
// Create a canvas that extends the entire screen
// and it will draw right over the other html elements, like buttons, etc
var canvas = document.createElement("canvas");
canvas.setAttribute("width", window.innerWidth);
canvas.setAttribute("height", window.innerHeight);
canvas.setAttribute("style", "position: absolute; x:0; y:0;");
document.body.appendChild(canvas);
//Then you can draw a point at (10,10) like this:
var ctx = canvas.getContext("2d");
ctx.fillRect(10,10,1,1);Inoltre, è possibile manipolare tutti i pixel sullo schermo utilizzando ImageData.
https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/Canvas_tutorial/Drawing_shapes
Il rettangolo è più facile da trovare se è un po 'più grande si potrebbe provare 'ctx.fillRect (10,10,10,10); ' – kkron
Se hai già usando jQuery, quindi Flot è un modo molto molto semplice (ma potente) per disegnare grafici.
Si potrebbe anche guardare il Google Charts API - garantito cross-browser: ti dà un grafico come immagine, invece di tela o VML, ecc
Penso che questo colpisce il chiodo sulla testa per si:
valori restituisce in x e y gamma per un facile utilizzo in grafica e movimento
avete bisogno di asse troppo? Per dare il contesto punti? –
Sì ... in realtà ho bisogno di mostrare più come un quadrato diviso in quattro quadranti oltre all'asse – Tam
Stai usando '