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ỗ canvas chỉ được lấp đầy bằng mã - và điều này mở ra những khả năng hoàn toàn mới như một tác dụng phụ thú vị: Ví dụ: fractal hoặc các phần tử định kỳ khác có thể được tạo ra mà không tốn nhiều công sứ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 để cho thấy toàn bộ mọi 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