Tables where cell padding has been set to 0 lead to cropped/non-matching image about dom-to-image-more HOT 8 CLOSED

@melink14 You can set the padding to 0.000001px and it will work as expected :) It's a browser bug that I need to figure out how to report.

from dom-to-image-more.

Also, there will be a new release in the v2 chain tomorrow... just finalizing a bit of cleanup.

from dom-to-image-more.

See https://jsfiddle.net/4n52yzcg/119 for what that looks like (preview)

from dom-to-image-more.

https://bugs.chromium.org/p/chromium/issues/detail?id=1406929

from dom-to-image-more.

domtoimage.toSvg(
  document.getElementById('mywrap'),
  { onclone: node => node.querySelectorAll('th, td').forEach(el => el.style.padding = '0px') }
)
  .then(function(dataUrl) {
    var img = new Image();
    document.getElementById('result').appendChild(img);
    img.src = dataUrl;
  })
  .catch(function(e) {
    console.log(e);
  })

from dom-to-image-more.

@melink14 You can set the padding to 0.000001px and it will work as expected :) It's a browser bug that I need to figure out how to report.

Thanks for the work around!

from dom-to-image-more.

Updated the jsfiddle https://jsfiddle.net/h859jpcf/ to show the work-around, and also demo how use the onclone event to grab exactly what was cloned to pass to the SVG generator.

from dom-to-image-more.

It will be another 3-6 months for Chromium bug #1406929 to land in peoples' devices (version target 111).

from dom-to-image-more.