sbolel/pano

🧭 Pano.js: Thêm ảnh panorama 360° vào trang chỉ bằng một thẻ HTML

Một thư viện nhỏ gọn, dựa trên Panolens.js, giúp bạn nhúng nhiều viewer ảnh panorama 360° vào bất kỳ trang web nào mà không cần viết nhiều JavaScript phức tạp.

Pano.js là một thư viện JavaScript nhỏ cho phép bạn dễ dàng thêm nhiều viewer ảnh panorama 360° vào một trang web. Dựa trên nền tảng của Panolens.js, Pano.js cung cấp hai thành phần chính: PanoElement để quản lý từng ảnh panorama, và PanoPage để khởi tạo toàn bộ trang. Thư viện hỗ trợ cài đặt qua npm hoặc sử dụng trực tiếp qua CDN, phù hợp với cả dự án ES5 và ES6.

✨ Điểm nổi bật

• Cài đặt đa dạng: Hỗ trợ cài đặt qua npm hoặc sử dụng CDN trực tiếp trong HTML.
• Tích hợp Panolens.js: Xây dựng trên nền tảng mạnh mẽ của Panolens.js để xử lý ảnh panorama 360°.
• Sử dụng đơn giản: Chỉ cần thêm thẻ <pano> với các thuộc tính width, height, src, và caption.
• Hỗ trợ ES5 và ES6: Cung cấp cú pháp cho cả hai tiêu chuẩn JavaScript phổ biến.
• Tự động khởi tạo: Gọi panoPage.init() để tự động tìm và khởi tạo tất cả thẻ <pano> trên trang.
• Cấu hình linh hoạt: Dễ dàng tùy chỉnh kích thước và nguồn ảnh cho từng thành phần panorama.

💡 Vì sao đáng chú ý

Pano.js khác biệt so với cách dùng trực tiếp Panolens.js bằng cách cung cấp một lớp bọc (wrapper) giúp giảm đáng kể đường dẫn JavaScript cần viết. Thay vì phải khởi tạo từng viewer một cách thủ công, bạn chỉ cần đặt thẻ HTML <pano> và gọi một lần init(). Điều này rất hữu ích khi bạn cần hiển thị nhiều ảnh panorama trên cùng một trang, ví dụ như trong các ứng dụng bản đồ ảo, trang du lịch, hoặc nền tảng truyền thị giác trải nghiệm không gian ảo.

---

#JavaScript #Panorama360 #PanolensJS #OpenSource #TiniX