background-clip: text (-webkit-background-clip) not working about dom-to-image-more HOT 4 OPEN

Can you post an HTML file with the CSS embedded that shows what's wrong (and what you expect the image to look like... maybe a screen-capture of FireFox and Chrome)

from dom-to-image-more.

Display html in the browser.

Export images on firefox are like dom
Exporting the image on the chorme will look like this

i use translate.
Please tell me anyone if there is any sollution for it. 👍

from dom-to-image-more.

@Quang-Khoa
try this in your script file:

const _serializeToString = XMLSerializer.prototype.serializeToString;
XMLSerializer.prototype.serializeToString = function (node) {
  var str = _serializeToString.call(this, node);
  str = str.replace(/background-image:/g, '-webkit-background-clip: text; background-image:',);
  return str
};

from dom-to-image-more.

I would love an HTML and CSS to reproduce this error so I can fix it.

from dom-to-image-more.