Skip to content

Repository files navigation

Convolution 2D Calculator

Ứng dụng tính toán phép tích chập (convolution) trong xử lý ảnh với giao diện trực quan, dễ sử dụng.

Tính năng

  • Nhập liệu trực quan: Giao diện dạng lưới (grid) cho phép nhập ma trận I (ảnh) và kernel H một cách trực quan
  • Tự động tính toán: Thực hiện phép tích chập với zero-padding
  • Hiển thị từng bước: Cung cấp chi tiết từng bước tính toán để dễ theo dõi
  • Điều chỉnh kích thước: Hỗ trợ ma trận từ 2x2 đến 10x10 cho ảnh và kernel lẻ (3x3, 5x5, 7x7, 9x9)
  • Giao diện hiện đại: Thiết kế sạch, đẹp, thân thiện với người dùng

Cách sử dụng

1. Nhập ma trận ảnh (I)

  • Chọn kích thước ma trận ảnh (số hàng và số cột)
  • Nhập các giá trị vào các ô tương ứng
  • Mỗi ô đại diện cho một phần tử của ma trận
  • Nhấn Reset để xóa và làm mới ma trận

2. Nhập kernel (H)

  • Chọn kích thước kernel (3x3, 5x5, 7x7, hoặc 9x9)
  • Nhập các giá trị vào các ô tương ứng
  • Kernel phải là ma trận vuông
  • Nhấn Reset để xóa và làm mới kernel

3. Tính toán

  • Nhấn nút Calculate Convolution để thực hiện phép tính
  • Kết quả sẽ hiển thị ở phần dưới

4. Xem kết quả

  • Ma trận kết quả: Hiển thị ma trận sau khi tích chập
  • Chi tiết từng bước: Hiển thị chi tiết từng bước tính toán bao gồm:
    • Vùng phủ (kết hợp zero-padding)
    • Phép tính từng phần tử
    • Kết quả cuối cùng

Ví dụ

Ví dụ 1: Làm sắc nét ảnh

Ma trận ảnh (I):
0  7  10  1
2  9  1   0
9  10 10  1
8  8  7   6

Kernel (H):
1  2  1
3  1  0
1  0  1

Ví dụ 2: Phát hiện cạnh (Edge Detection)

Kernel:
-1 -1 -1
-1  8 -1
-1 -1 -1

Thuật toán

Phép tích chập được thực hiện với zero-padding:

  • Kernel được lật cả theo chiều ngang và dọc (cross-correlation)
  • Các pixel ngoài biên được coi là 0
  • Kích thước đầu ra bằng kích thước đầu vào

Công nghệ

  • HTML5, CSS3, JavaScript thuần
  • Không sử dụng framework bên ngoài
  • Responsive design (tương thích với màn hình desktop và laptop)

Trình duyệt hỗ trợ

  • Chrome/Edge 90+
  • Firefox 88+
  • Safari 14+

Mở rộng

  • Thêm các kernel mẫu phổ biến (blur, sharpen, emboss, etc.)
  • Hỗ trợ tải ảnh và áp dụng kernel trực tiếp
  • Xuất kết quả ra file ảnh
  • Lịch sử các phép tính đã thực hiện

Giấy phép

MIT License - Tự do sử dụng và sửa đổi

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

Packages

Contributors

Languages