Html2canvas: How can I set the background colour to transparent?
After setting the background in options to #ffffff, the colour of my canvas is white, it is okay, but the remaining area other than canvas image is transparent, how can I set that remaining area also to a colour e.g a white colour?
ZTAP0011
All 6 comments
You can set backgroundColor to null to make it transparent or any color to make the canvas render with the background color
niklasvh
on 12 Dec 2017
Here, changing the backgroundColor option has effect, but changing it to null creates a black background in the canvas, while there's no black background in my CSS.
iamgoodbytes
on 8 Jan 2019
I am also getting the canvas render a black background when setting backgroundColor to null
TheLeePriest
on 5 Mar 2019
html2canvas(canvasDom, {
allowTaint: true,
useCORS: true,
backgroundColor: "rgba(0,0,0,0)",
removeContainer: true,
x: 0,
y: 0,
width: 374,
height: 722
})
weekitmo
on 20 Aug 2019
allowTaint: true with backgroundColor: "rgba(0,0,0,0)" Solved the problem
am-awais
on 11 Dec 2019
I don't think allowTaint helps in any way with this issue. For me
backgroundColor: 'rgba(0, 0, 0, 0)',
removeContainer: true,
settings were the ones needed.
Pawel-Janik
on 16 Apr 2020
Related issues
stevencherry1
·
3Comments
anthonymejia
·
4Comments
kunal886496
·
3Comments
arzyu
·
3Comments
wbarrantes
·
3Comments
Most helpful comment
html2canvas(canvasDom, { allowTaint: true, useCORS: true, backgroundColor: "rgba(0,0,0,0)", removeContainer: true, x: 0, y: 0, width: 374, height: 722 })