Después de configurar el fondo en las opciones en #ffffff, el color de mi lienzo es blanco, está bien, pero el área restante que no sea la imagen del lienzo es transparente, ¿cómo puedo configurar el área restante también en un color, por ejemplo, un color blanco?
Puede establecer backgroundColor
en null
para hacerlo transparente o cualquier color para hacer que el lienzo se renderice con el color de fondo
Aquí, cambiar la opción backgroundColor tiene efecto, pero cambiarla a nulo crea un fondo negro en el lienzo, mientras que no hay un fondo negro en mi CSS.
También obtengo que el lienzo representa un fondo negro al establecer backgroundColor en nulo
html2canvas(canvasDom, {
allowTaint: true,
useCORS: true,
backgroundColor: "rgba(0,0,0,0)",
removeContainer: true,
x: 0,
y: 0,
width: 374,
height: 722
})
allowTaint: true
con backgroundColor: "rgba(0,0,0,0)"
Resuelto el problema
No creo que allowTaint
ayude de ninguna manera con este problema. Para mi
backgroundColor: 'rgba(0, 0, 0, 0)',
removeContainer: true,
los ajustes eran los necesarios.
Comentario más útil
html2canvas(canvasDom, { allowTaint: true, useCORS: true, backgroundColor: "rgba(0,0,0,0)", removeContainer: true, x: 0, y: 0, width: 374, height: 722 })