Я перепробовал почти все предложения по StackOverflow, связанные с этим, в том числе:
- Загрузка изображения непосредственно из источника
- Ожидание загрузки изображения, прежде чем рисовать его на холсте
- Проверка того, что изображение загружено с использованием image.complete, перед попыткой нарисовать его на холсте
- Размещение кода внутри $ (document) .ready
- Размещение кода ниже $ (). ready
- Задержка функции drawImage на несколько секунд после загрузки изображения
- Создание оповещения перед drawImage
- Убедитесь, что изображение видно при drawImage называется
- Использование значения base64 вместо элемента изображения
- Использование image.onload
- Использование addEventListener вместо image.onload
Даже после всего этого context.drawImage сбои периодически, в результате чего пустой холст Несмотря на все усилия, я не могу воспроизвести ошибку. Это абсолютно прерывисто.
Есть ли способ программно определить, не сработала ли функция drawImage? Кроме того, есть ли более надежный способ нарисовать изображение на холсте?