HTML Canvas отображает длинные полосы в изображении ⇐ Html

[Anonymous]

HTML Canvas постоянно добавляет артефакты «полосы» к загруженным изображениям, когда он пытается отображать изображения, где ширина значительно длиннее высоты. < /p>
В моем случае я использую изображение JPEG, чье Размеры - x: 42577, y: 903, 1,5 МБ и загружаем его на холст HTML.
var context = canvas.getContext('2d'); context.drawImage(img, 0, 0);< /code>
Но когда изображение отображается на холсте, он всегда добавляет длинные полосы к изображению, начиная с 75% пути, вплоть до конца изображения. Я попробовал это с множеством разных изображений примерно одинаковых размеров, и это всегда делает это:
Bad Canvas render < /p>
Я предполагал, что изображение может быть слишком большим, поэтому я его масштабировал значительно. Кажется, в любом размере это изображение отображается с теми же полосами, начиная примерно в одном и том же месте. Изображение

Подробнее здесь: https://stackoverflow.com/questions/794 ... s-in-image