Element styling only for html2canvas?

I’m using the handy data-html2canvas-ignore tag on a few elements, but Firefox is giving me problems with elements with negative margins. I’d like to be able to add an html2canvas-only style tag for a particular element, such as: data-html2canvas-style="margin-left: 0".

Has anyone else had any luck doing something like this?

[niklasvh]

You can modify the contents of the document (which is a clone of the original) that will get rendered with the onclone option, for example:

html2canvas(document.body, {onclone: function(document) {
  document.querySelector('.something').style.marginLeft = 0;
}}).then(...)

[akyenze]

I tried to do the same thing, here is how I implemented it and all my styles were properly downloaded:

const computedStyleToInlineStyle = require("computed-style-to-inline-style");

 html2canvas(document.querySelector(".someclass"), {onclone: function(document) {
     computedStyleToInlineStyle(document.querySelector(".someclass"), {
          recursive: true
      });
    }}).then(canvas => {
        const imgData = canvas.toDataURL('image/png');
        ...
    });