Сохранение большого по размеру изображения с canvas?

Рейтинг: 3Ответов: 1Опубликовано: 29.12.2014

Имеется js скрипт загрузки и манипуляции изображением с использованием библиотеки fabricjs. Размеры канвы 600x350 пикселей. Если в канву загружаю изображение меньших размеров и после сохраняю с канвы в файл на диск компьютера, то все нормально. Но когда загружаю изображение в канву больше, чем размер канвы (viewport), и после сохраняю файл на диск, то изображение почему-то кропается до размеров канвы.

Подскажите, пожалуйста, как сохранять с канвы изображение, которое имеет большие размеры, чем размер канвы?

javascript jquery html5 canvas изображения
Источник: Stack Overflow на русском

Ответы

▲ 2

Разместите элемент canvas в div со с атрибутом style="overflow: hidden;" и фиксированным размером, когда как сам canvas можно будет подгонять по размеру под конкретное изображение каждый раз.