ag grid - Can not set background-image style containing svg image with getRowStyle

Question

I am trying to create a watermark using a dynamic svg image as a background. I need to create a new style with background-image but it is not renderer as expected. I tried every combination of quotes (single, double, escaped, backtick) but with no success. Here is my code:

getRowStyle={function (params) {
        if (params.node.rowIndex % 2 === 0) {
          const bg = "url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' height='100px' width='100px'><text transform='translate(20, 100) rotate(-45)' fill='rgb(245,45,45)' font-size='20' >my text</text></svg>")";
          const wmStyle = new Object();
          wmStyle.backgroundImage = bg;
          return wmStyle;
          }
    }}

Answer 1

等待大神答复