2015-09-18 42 views
10

Trong apple watch site:, bạn có thể xem phần dưới đây khi bạn cuộn xuống một chút:Hoạt ảnh canvas trên trang web theo dõi của Apple được triển khai như thế nào?

enter image description here

Chiếc đồng hồ ở bên trái không phải là một hình ảnh tĩnh mà là một phim hoạt hình hấp dẫn thực sự. Khi tôi xem các phần tử DOM trong thanh tra của Chrome, tôi thấy nó là một yếu tố canvas:

enter image description here

Khi tôi kiểm tra các tập tin đã tải về, tôi thấy hình ảnh như thế này:

enter image description here

Điều này có vẻ khá khó hiểu đối với tôi. Tên của kỹ thuật táo được sử dụng ở đây có thể tạo ra hình ảnh động trên vải từ hình ảnh lộn xộn là gì? Có thư viện nào để làm điều này không?

+1

Với tôi, tôi có thể nói nó có thể là một thuật toán tùy chỉnh mà họ tự điều chỉnh, có thể thử và ngăn mọi người tải xuống hoạt ảnh? (Chỉ có thể ghi lại nó; p) – Canvas

+1

@Canvas :-) hoặc có thể táo muốn lưu lưu lượng dữ liệu hoặc làm cho trang tải nhanh hơn .. –

Trả lời

1

Dường như với tôi như họ đang sử dụng thuật toán tùy chỉnh, với mỗi dòng của hình ảnh thể hiện hoạt ảnh cho dòng tương đối của canvas.

Nhưng để xác nhận và/hoặc mô phỏng nó, bạn nên đọc mã nguồn JavaScript (nếu nó không bị làm mờ quá nhiều).

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