Me gustaría trazar puntos en dos dimensiones (cada una tiene las coordenadas xey). Me preguntaba si conoces una biblioteca o proyecto que hace esto para no tener que construir esto desde cero.Cómo dibujar puntos en posiciones x/y usando JavaScript
Aquí tienen uno: http://jsdraw2d.jsfiction.com/
Raphaël - una pequeña biblioteca JavaScript que debería simplificar su trabajo con gráficos vectoriales en la web.
Usar la etiqueta canvas es la mejor manera de hacerlo. Aquí hay un ejemplo que crea un lienzo:
// 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);Por otra parte, se puede manipular todos los píxeles en la pantalla usando ImageData.
https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/Canvas_tutorial/Drawing_shapes
El rectángulo es más fácil de encontrar si es un poco más grande puede intentar 'ctx.fillRect (10,10,10,10); ' – kkron
Si has usando jQuery ya, entonces Flot es una manera muy simple (pero potente) para dibujar gráficos.
Usted también podría buscar en el Google Charts API - cross-browser garantizada: te da un gráfico como una imagen, en lugar de lienzo o VML, etc.
Creo que éste golpea el clavo en la cabeza de que:
devuelve los valores de x e y matriz para facilitar su uso en los gráficos y el movimiento
¿necesita eje también? Para dar el contexto de los puntos? –
Sí ... en realidad necesito mostrar más como un cuadrado dividido en cuatro cuadrantes además del eje – Tam
¿Está utilizando '