Копирование и обрезка изображений в Javascript

Я пытаюсь создать небольшую 2D-игру на Javascript / Canvas, которая состоит из нескольких анимированных спрайтов. Я хотел бы сократить количество HTTP-запросов, поэтому я объединил каждый кадр анимации (32 на 32 пикселя) в одно изображение для каждого спрайта (скажем, 192 на 128 пикселей). Есть ли способ скопировать и обрезать эти изображения обратно на несколько изображений меньшего размера? Это значительно упростило бы мой код рендеринга и помогло бы сократить время загрузки из-за задержки в сети.