En este ejemplo, estoy usando imágenes de fondo en los divs externos en una cuadrícula de divs de 3x3. No hay borde ni margen entre los divs, y la salida HTML parece estar bien.

Sin embargo, cuando convierto esto en una imagen, usando html2canvas, la imagen resultante muestra líneas transparentes entre los divs. Casi como si hubiera un margen de un solo píxel en cada div.

¿Estoy haciendo algo mal o es un error en html2canvas?

https://jsfiddle.net/Onefunction/abry3x67/

NB, he planteado un problema en el github de html2canvas

EDITAR Por alguna razón, tengo que agregar código aquí, aunque todo está en jsfiddle. así que aquí está el javascript que usé ...

 html2canvas(document.querySelector(".ttable"), { scrollX: -window.scrollX, scrollY: -window.scrollY, backgroundColor: null, allowTaint: true, useCORS: true, // logging: true, }).then((generatedImage) => { jQuery(".ttable-image").html(generatedImage); }); })```