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

Я настроил холст и применил setTransform, чтобы уменьшить его масштаб для конкретных устройств. На одном устройстве chromium 55 этот холст сначала работает корректно, но после некоторых рисунков он внезапно сначала пропадает из поля зрения и после возвращения продолжает рисовать без масштабирования. Что может быть причиной?

Во время рисования я использую drawImage. Мне удалось выяснить, что проблема возникает на этапе рисования данных из изображений на холст, но у меня нет хороших идей, как отладить или решить эту проблему.

Итак, шаги

1. Настройте холст, при необходимости установите масштабирование (масштабирование от 1080p до 720p)
2. Рисуйте изображения на холсте
3. Прозрачный холст
4. Рисуйте новые изображения на холсте
5. Что-то меняется, изображение очищается и при перерисовке масштабирование больше не применяется.

Я установил различные проверки для обработки асинхронных процессов и возможных ошибок, но ошибок не получаю. Я пытался выяснить, может ли это быть связано с проблемами с памятью, но, похоже, при запуске на dev не возникло серьезных проблем. Ошибка возникает раньше, если я рисую чаще, поэтому я смогу рисовать меньше, если буду делать это быстрее до появления ошибки. Удивительно то, что эта проблема существовала и раньше и считалась исправленной, но в ходе рефакторинга она появилась вновь. В прошлый раз это просто перестало происходить. Я сравнил изменения, и никакой существенной логики не изменилось. При рефакторинге мне пришлось изменить размеры и разделить код на разные блоки кода, но я проследил шаги, и логика та же.

Есть идеи, которые я мог бы попробовать?

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

const scaleFactor = 1280/1920
const ctx = element.getContext('2d')
  ctx.setTransform(
    scaleFactor,
    0,
    0,
    scaleFactor,
    0,
    0
  )
  ctx.save()

 //Here we do some other stuff e.g. fetch data. Then we call this function
 drawImage(
      ctx,
      centerX,
      centerY,
      imgWidth,
      imgHeight,
      source,
      imageElement,
      checksum
    ) {
      return new Promise((resolve) => {
        let broken = false
        try {
          if (
            imageElement &&
            imageElement.getAttribute('data-loaded') === 'true'
          ) {
            ctx.drawImage(
               imageElement, centerX, centerY, imgWidth, imgHeight
            )
            if (checksum) 
               imageElement.setAttribute('data-checksum', checksum)
            return resolve(imageElement)
          }
        } catch (e) {
          // The image element might be in a "broken" state and the draw fails
          broken = true
        }

        const img = this.cacheImage(
          source,
          imgWidth,
          imgHeight,
          checksum,
          (image) => {
            if (
              !checksum ||
              image.getAttribute('data-checksum') ===
                this.renderChecksum.toString()
            ) {
              ctx.drawImage(image, centerX, centerY, img.width, img.height)
              resolve(image)
            }
          },
          broken
        )
      })
    },
//Before redrawing we call 

ctx.clearRect()