2011-11-21 36 views
5

Có thể cung cấp cho người dùng cuối khả năng lưu dưới dạng tệp đơn một hoạt ảnh được tạo phía máy khách với Canvas HTML5 - ngoài lưu toàn bộ HTML của trang không?Lưu hình ảnh động được tạo bằng HTML5 Canvas

Có rất nhiều hướng dẫn về cách lưu dưới định dạng PNG nhưng hoạt ảnh bị mất trong những trường hợp này.

Trả lời

2

Không có cách nào "dễ dàng" để thực hiện việc này.

Đây là một câu hỏi tương tự ... Grabbing each frame of an HTML5 canvas

Bạn có thể làm theo phương pháp này và lấy các khung và đệ trình cho một server-side script để biên dịch chúng thành một GIF động.

Một tùy chọn khác, mặc dù không phải là trival, sẽ là triển khai bộ mã hóa GIF JavaScript thuần túy. Bạn có thể tìm thấy thông số GIF tại đây, http://graphcomp.com/info/specs/gif89a.txt

Nếu bảng màu vẫn giữ nguyên trong mỗi khung, bạn có thể ghép các khung từ các GIF GIF đã mã hóa mà không phải nén dữ liệu cấp pixel. Bạn vẫn cần phải giải mã luồng base64 từ Canvas.toDataURL.

2

Bạn có thể sử dụng mjbuilder, đó là thư viện cho phép bạn lưu khung canvas thành tệp mpeg. Nhưng nó có vấn đề và nó chỉ hoạt động trên Firefox.

http://ushiroad.com/mjpeg/

+0

Hôm nay tôi đã được yêu cầu trong thư viện đó và đó là lý do tại sao tôi sửa chữa nó cho các trình duyệt hiện đại: https://github.com/theshock/VideoBuilder – Shock

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