2010-07-28 30 views
55

Tôi cần một số hiệu ứng kick-ass cho trang web của mình, như gaussian blur, nhiễu, bộ lọc chập, hoạt động hình thái, v.v. Tất cả các hiệu ứng phải được áp dụng động (không có hình ảnh hiển thị trước) và thay đổi theo thời gian.Thư viện xử lý hình ảnh JavaScript tốt nhất là gì?

Thư viện xử lý hình ảnh mạnh mẽ nhất, được triển khai trong JavaScript là gì?

+0

Tôi không chắc chắn về tất cả việc xử lý hình ảnh đó, nhưng có lẽ bạn tìm thấy thứ gì đó trong cộng đồng xử lý. http: // đang xử lý.org/tham chiếu/ – kenny

Trả lời

26

Pixastic là người duy nhất tôi biết, nhưng không phải tất cả các phương pháp của nó là trình duyệt hoàn toàn chéo tương thích - họ dựa vào tính năng của HTML5 vải yếu tố mà không có sẵn trong Internet Explorer, ngay cả với exCanvas.

Một vài bản demo:

liên kết khác:

+0

Xin cảm ơn, sẽ chơi với nó – AntonAL

+0

Tiếng ồn, Pixastic hiển thị trang web này không có sẵn bất kỳ thư viện nào được cập nhật, vui lòng .. –

+1

Tôi hy vọng nó tạm thời nhưng trang web Pixastic dường như là xuống – Loupax

6

Hãy xem Pixastic

Pixastic là một thư viện thực nghiệm cho phép bạn thực hiện một loạt các hoạt động trên hình ảnh sử dụng chỉ là một chút của JavaScript. Các hiệu ứng được hỗ trợ ra khỏi hộp bao gồm desaturation/greyscale, đảo ngược, lật, điều chỉnh độ sáng/độ tương phản, màu sắc/độ bão hòa, dập nổi, mờ và nhiều thứ khác.

Demo có thể tìm thấy here

+0

Cảm ơn. Tôi cũng đã tìm thấy thư viện này. Nhưng suy nghĩ, rằng có một số khác, mà tôi did't tìm thấy. – AntonAL

9

Cố gắng nhìn vào Processing.js library. Đây là một trích dẫn từ trang web của họ:

Processing.js là dự án em gái của các chế biến phổ biến hình ảnh ngôn ngữ lập trình, thiết kế cho web.

Theo như tôi biết, nó có nhiều người đóng góp hơn dự án Pixastic và demos của họ thực sự hứa hẹn.

+5

Nhưng chế biến, mặc dù tên của nó, không phải là một thư viện xử lý hình ảnh, nó là một công cụ đồ họa. –

+0

@ Tôi nghĩ điều đó không công bằng. Xử lý là một khung chương trình truyền thông và môi trường tích hợp đồ họa và thư viện xử lý hình ảnh. – terrace

15

CamanJS là thư viện JavaScript không tương tác linh hoạt nhất (API, không phải điểm và nhấp) để thao tác hình ảnh, mà tôi đã xem xét cho đến nay.

+0

+1 Tính đến nay (tháng 7 năm 2013) Caman có chu kỳ phát triển tích cực hơn nhiều so với Pixastic, chưa được cập nhật trong 5 tháng. Mà có thể hoặc không có nghĩa là bất cứ điều gì, chỉ cần nói. –

3

hãy xem thư viện xử lý hình ảnh PSX, nó chứa phiên bản javascript và ios. các demo site cho thấy những gì nó có thể làm. PSX là thư viện xử lý hình ảnh javascript mạnh mẽ nhất từ ​​trước tới nay.

+1

Một số hiệu ứng đẹp nhưng thiếu tài liệu và kiểm thử đơn vị là một vấn đề thực sự. Nếu tôi muốn làm một số bộ lọc trung bình cục bộ, chẳng hạn không có cách nào để biết làm thế nào mà không đọc toàn bộ nguồn. –

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