react-random-font-size

文本中的随机字符串放大的组件，适用于React

预览/Preview

---

快速开始/How To Start

---

npm install react-random-font-size --save-dev

or

yarn add react-random-font-size --save-dev

test.js

import React, {Component} from 'react'
import ReactRandomFontSize from 'react-random-font-size'
 
class Test extends Component {
  constructor() {
    super();
    this.state = {
      font: '组件需要传入参数！',
      style: {
       "font-size": "20px"
      }  
    };
  }
 
  render() {
    return (
      <ReactRandomFontSize
        data={this.state.font}
        fontStyle={this.state.style}
      />
    );
  }
}
 
export default Text
 

接口/Interface

---

属性/Props

属性名/Name	描述/Description	类型/Type	默认值/Default Value
data	节点树的数据	String	组件需要传入参数！
fontStyle	被放大字体的样式（将会被插入到其元素的style属性中）	Object	{"font-size": "20px"}
proportion	随机放大的字符数量占字符总数的比例	Number	0.3
enlarge	不随机放大字符；指定放大某些字符;	String	--

许可证/License

---

MIT