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.
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