@nicecode/funny/es/gradientText/index.js

funny,一些有趣的代码,funny code

import React, { useEffect } from 'react';
import "./index.less";
var GradientText = function GradientText(props) {
  var text = props.text;
  useEffect(function () {}, []);
  return /*#__PURE__*/React.createElement("div", {
    className: "gradientMask"
  }, /*#__PURE__*/React.createElement("svg", {
    className: "gradientMask_svg",
    xmlns: "http://www.w3.org/2000/svg",
    width: "100%",
    height: "100%"
  }, /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("mask", {
    id: "gradientMask_svg__mask",
    x: "0",
    y: "0",
    width: "100%",
    height: "100%"
  }, /*#__PURE__*/React.createElement("rect", {
    x: "0",
    y: "0",
    width: "100%",
    height: "100%"
  }), /*#__PURE__*/React.createElement("text", {
    x: "50%",
    y: "1em"
  }, text))), /*#__PURE__*/React.createElement("rect", {
    x: "0",
    y: "0",
    width: "100%",
    height: "100%"
  })));
};
export default GradientText;