Package detail

react-random-font-size

shuiRong8MIT1.0.2

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

random-font-size, random-text, random-size, random-text-size, text-size, text, size, font, react

readme

react-random-font-size

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

预览/Preview

demo

快速开始/How To Start

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

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