11

Tôi đang nghĩ đến việc viết mã một vài ví dụ cho lớp Hình học tính toán của tôi (2D), tôi muốn sử dụng html5 và javascript.Hình học tính toán Javascript

Có ai có thể giới thiệu thư viện javascript hay html5 có mọi thứ tôi cần để bắt đầu không?

Tôi sẽ chủ yếu làm việc với các điểm và đường kẻ, nhưng sẽ tốt hơn nếu có thứ gì đó vẽ một mặt phẳng Descartes làm tham chiếu và có thể một số cấu trúc dữ liệu sẵn sàng sử dụng.

Trả lời

9

JSXGraph

Cụ thể tập trung vào động hình học và chức năng trực quan. Xuất phát từ học viện. Tác giả - một trường đại học Đức.

Sử dụng SVG (với dự phòng cho Canvas và VML cho IE). Hoạt động trên iOS và Android.

API là API SVG rất trừu tượng. Nó hoạt động trên các số liệu và các nhóm số liệu, tangents, hyperbolae & c.

nice documentation.

SVG không được coi là một phần của HTML5, nhưng đáng xem. Đó là linh hoạt, phổ biến và, tôi nghĩ, đồ họa vector là một lựa chọn tốt hơn cho hình học hơn bitmap (Canvas).

+0

Đây là thư viện rất thú vị, cảm ơn bạn đã đăng bài. – Arend

0

Đặt cược tốt nhất của bạn là sử dụng <canvas> và khám phá API. Nó cần phải có các nguyên thủy cơ bản mà bạn cần.

6

Tôi nghĩ rằng một trong hai raphael nên hữu ích:

Raphaël 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. Ví dụ: nếu bạn muốn tạo biểu đồ và tiện ích xoay hình ảnh hoặc hình ảnh cụ thể của riêng mình, bạn có thể dễ dàng đạt được điều đó một cách đơn giản và dễ dàng với thư viện này.

http://raphaeljs.com/

hoặc Processing.js

Processing.js là dự án em gái của ngôn ngữ lập trình trực quan xử lý phổ biến, được thiết kế dành cho web. Processing.js làm cho trực quan hóa dữ liệu của bạn, nghệ thuật kỹ thuật số, hoạt ảnh tương tác, đồ thị giáo dục, trò chơi video, v.v. hoạt động bằng các tiêu chuẩn web và không có bất kỳ trình cắm nào.

http://processingjs.org/

0

Tôi có thể giới thiệu EaselJS vì tôi đã sử dụng nó nhiều lần để nhanh chóng tạo bản vẽ động, chẳng hạn như hình tam giác, hình tròn, vòng cung vv. Tôi thậm chí còn viết một công cụ vẽ văn bản đơn giản cho sinh viên, gọi là Geodrafter.

Tuy nhiên, nếu bạn muốn thêm e. g. thanh trượt và có môi trường động (ví dụ như kéo các điểm dễ dàng), sau đó JSXGraph là lựa chọn tốt hơn vì chúng cung cấp nhiều thành phần cho việc này. gallery in their wiki đưa ra một số ý tưởng hay.

Và như đã nói ở trên: JSXGraph dựa trên đồ họa vector, sẽ luôn tạo ra đồ họa chính xác. EaselJS dựa trên canvas và có thể dẫn đến các đường mờ.

Các vấn đề liên quan