Function getEffectiveBackground

src/utils/snapCapture.ts:73–96

(el: HTMLElement | null)

}

function getEffectiveBackground(el: HTMLElement | null): string {
  const fallbackBackground: RgbaColor = { r: 17, g: 17, b: 17, a: 1 }

  let node: HTMLElement | null = el
  let blended: RgbaColor | null = null

  while (node) {
    const bg = window.getComputedStyle(node).backgroundColor
    const parsed = parseCssColorToRgba(bg)
    if (parsed && parsed.a > 0) {
      blended = blended ? compositeOver(blended, parsed) : parsed
      if (blended.a >= 0.999) {
        return toOpaqueRgbString(blended)
      }
    }
    node = node.parentElement
  }

  if (!blended) {
    return toOpaqueRgbString(fallbackBackground)
  }

  return toOpaqueRgbString(compositeOver(blended, fallbackBackground))
}

function triggerDownload(href: string, filename: string) {
  const a = document.createElement('a')