Depois de definir o plano de fundo nas opções para #ffffff, a cor da minha tela é branco, está tudo bem, mas a área restante diferente da imagem da tela é transparente, como posso definir essa área restante também para uma cor, por exemplo, uma cor branca?
Você pode definir backgroundColor
para null
para torná-lo transparente ou qualquer cor para tornar a tela renderizada com a cor de fundo
Aqui, alterar a opção backgroundColor tem efeito, mas alterá-la para null cria um fundo preto na tela, enquanto não há fundo preto em meu CSS.
Também estou obtendo a renderização da tela com um fundo preto ao definir backgroundColor como null
html2canvas(canvasDom, {
allowTaint: true,
useCORS: true,
backgroundColor: "rgba(0,0,0,0)",
removeContainer: true,
x: 0,
y: 0,
width: 374,
height: 722
})
allowTaint: true
com backgroundColor: "rgba(0,0,0,0)"
Resolveu o problema
Não acho que allowTaint
ajude de alguma forma com esse problema. Para mim
backgroundColor: 'rgba(0, 0, 0, 0)',
removeContainer: true,
as configurações eram as únicas necessárias.
Comentários muito úteis
html2canvas(canvasDom, { allowTaint: true, useCORS: true, backgroundColor: "rgba(0,0,0,0)", removeContainer: true, x: 0, y: 0, width: 374, height: 722 })