Jak narysować punkty w pozycjach x/y przy użyciu JavaScript

Question

Chciałbym drukować punkty w dwuwymiarowy sposób (każdy ma współrzędne X i Y). Zastanawiam się, czy znasz bibliotekę lub projekt, który robi to tak, że nie muszę budować tego od zera.

Answer 1

Tu masz jedno: http://jsdraw2d.jsfiction.com/

Answer 2

Raphaël - mała biblioteka JavaScript, który powinien ułatwić pracę z grafiką wektorową w sieci.

Answer 3

Używanie tagu canvas jest najlepszym sposobem na zrobienie tego. Oto przykład, który tworzy płótnie:

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

Ponadto można manipulować wszystkie piksele na ekranie za pomocą imageData.

https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/Canvas_tutorial/Drawing_shapes

Answer 4

Jeśli już przy użyciu jQuery, następnie Flot jest bardzo proste (ale mocny) sposób do rysowania wykresów.

Można również spojrzeć na Google Charts API - cross-browser zagwarantowane: daje wykres jako obraz, zamiast płótna lub VML itp

Answer 5

myślę, że ten uderza sedno dla Państwo:

http://www.jsclasses.org/package/332-JavaScript-Calculate-coordinates-of-lines-curves-and-shapes.html

zwraca wartości w tablicy x i y do łatwego wykorzystania w grafice i ruchu