Gradient colored text supported?

[winson-tang]

Hello,

I've been trying to render gradient colored texts with no success. Is this supported in react-pdf?

Here are the codes in the REPL:

const styles = StyleSheet.create({
  page: { padding: 60 },
});

const doc = (
  <Document>
    <Page style={styles.page} size="A4">
      <Svg viewBox="0 0 400 500" style={{backgroundColor:'#e5e5e5'}}>
        <Defs>
          <LinearGradient id="grad1">
            <Stop offset="30%" stopColor="red" />
            <Stop offset="3%" stopColor="green" />
                        <Stop offset="5%" stopColor="blue" />
          </LinearGradient>
        </Defs>
        
         <Text x="5" y="40" strokeWidth={2} stroke="red" fill="url('#grad1')"
    fillOpacity={0}
    stroke="url('#grad1')"
           style={{fontSize:35, 
            }}>
          React-pdf is cool
        </Text>

        <Circle cx="35" cy="85" r="24" fill="url('#grad1')" stroke="green" />
      </Svg>
    </Page>
  </Document>
);

ReactPDF.render(doc);