Cách vẽ điểm theo vị trí x/y bằng cách sử dụng JavaScript

Question

Tôi muốn vẽ các điểm theo chiều hai chiều (mỗi điểm có toạ độ x và y). Tôi đã tự hỏi nếu bạn biết của một thư viện hoặc dự án mà làm điều này để tôi không phải xây dựng này từ đầu.

Answer 1

Ở đây bạn có một: http://jsdraw2d.jsfiction.com/

Answer 2

Raphaël - một thư viện JavaScript nhỏ mà nên đơn giản hóa công việc của bạn với đồ họa vector trên web.

Answer 3

Sử dụng thẻ canvas là cách tốt nhất để thực hiện việc này. Dưới đây là một ví dụ tạo ra một Canvas:

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

Hơn nữa, bạn có thể thao tác tất cả các điểm ảnh trên màn hình sử dụng imageData.

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

Answer 4

Nếu bạn đã sử dụng jQuery đã có, sau đó Flot là một cách rất rất đơn giản (nhưng mạnh mẽ) để vẽ đồ thị.

Bạn cũng có thể nhìn vào Google Charts API - đảm bảo qua trình duyệt: nó mang lại cho bạn một đồ thị dưới dạng ảnh, thay vì vải hoặc VML vv

Answer 5

Tôi nghĩ rằng điều này một lượt truy cập các móng tay trên đầu cho bạn:

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

lợi nhuận giá trị trong x và y mảng để dễ sử dụng trong đồ họa và phong trào