JavaScript'i kullanarak x/y pozisyonlarında nasıl çizim yapılır

Question

İki boyutlu olarak noktaları çizmek istiyorum (her biri x ve y koordinatlarına sahip). Bunu yapan bir kütüphane ya da projeyi biliyor olsaydınız, bunu baştan inşa etmek zorunda kalmamayı merak ettim.

Answer 1

Burada bir tane var: http://jsdraw2d.jsfiction.com/

Answer 2

Raphaël - Web'de vektör grafikleri ile işinizi kolaylaştırmak gerektiğini küçük bir JavaScript kitaplığının.

Answer 3

Tuval etiketini kullanmak bunu yapmanın en iyi yoludur.

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

Ayrıca, imageData kullanarak ekranda tüm pikseller işleyebilirsiniz: İşte Tuval yaratan bir örnektir. Zaten jQuery kullanarak ettiyseniz

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

Answer 4

ardından Flot grafik çizmek için çok çok basit (ama güçlü) bir yoldur.

Ayrıca Google Charts API bakabilir - garantili çapraz tarayıcı: Bu vb yerine tuval veya VML ki, size bir görüntü olarak bir grafik verir

Answer 5

Ben bu için kafasına çivi vurur düşünüyorum Eğer: grafik ve harekette kolay kullanım için x ve y dizide

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

döner değerleri