DropzoneJS - IndexSizeError: индекс или размер отрицательный или больше допустимой суммы

Question

Я начал использовать DropzoneJS, что является отличной библиотекой с открытым исходным кодом с 7,043 stars на Github. Он обеспечивает перетаскивание файлов с предварительным просмотром изображений.

Однако с загрузкой в ​​Firefox изображения больше 100k в результате следующей ошибки:

IndexSizeError: Index or size is negative or greater than the allowed amount

в dropzone.js, который был поднят в следующей строке:

return ctx.drawImage(img, sx, sy, sw, sh, dx, dy, dw, dh/vertSquashRatio); 

Другие сообщили о это поведение для создания миниатюр here.

Это распространенная ошибка в Firefox после небольшого исследования. Наиболее значимый StackOverflow вопрос:

1- Canvas - IndexSizeError: Index or size is negative or greater than the allowed amount

Answer 1

решить мою проблему после выполнения этой быстрой fix.

В основном заменен:

return ctx.drawImage(img, sx, sy, sw, sh, dx, dy, dw, dh/vertSquashRatio); 

С:

return ctx.drawImage(img, Math.round(sx), Math.round(sy), Math.round(sw), Math.round(sh), Math.round(dx), Math.round(dy), Math.round(dw), Math.round(dh)/vertSquashRatio); 

в моем dropzone.js