Hình nền động với canvas

Hình nền vector hoạt hình có thể thêm đa dạng cho cảnh quan web được đặc trưng bởi ảnh và video toàn màn hình. Sẽ thật tuyệt nếu điều này đi đôi với thời gian tải và hỗ trợ phần cứng và phần mềm rộng rãi. Một giải pháp là: canvas. Phần tử HTML được điều khiển bởi JavaScript được hỗ trợ bởi tất cả các trình duyệt hiện tại và được tái tạo với hiệu suất cao trên thiết bị di động.


Sức mạnh thực sự nằm ở chỗ khung vẽ chỉ được lấp đầy bởi mã - điều này mở ra những khả năng hoàn toàn mới như một hiệu ứng phụ tốt đẹp: Ví dụ: fractal hoặc các phần tử lặp lại khác có thể được tạo ra với ít nỗ lực bằng cách sử dụng các hàm đệ quy. Tôi đã chuẩn bị một bản demo nhỏ ở đây về cách toàn bộ có thể trông như thế nào:

Canvas Background by David Vielhuber

Canvas tất nhiên cũng có thể được sử dụng trong trò chơi, quảng cáo, trực quan hóa dữ liệu hoặc nghệ thuật. Trong thời điểm các trang web 4k và liên tục mở rộng, theo tôi có rất nhiều tiềm năng trong công nghệ ít được biết đến này. Kết hợp với các yếu tố SVG tĩnh, đồ họa dựa trên vector cuối cùng cũng có được giai đoạn mà chúng luôn xứng đáng có được trên web.

Trở lại