Auto Size Background

Auto Size Background can set background image auto fit screen

Example

Click Me Open

Stretch the webpage to see the effect

Installation

npm i --save auto-size-background

Import the components you need, example:

import React from 'react'
import AutoSizeBackground from 'auto-size-background'
import img from 'img-link-here'

export default props => {
  return (
    <AutoSizeBackground src={img}>
      {props.children}
    </AutoSizeBackground>
  )
}

API

参数	说明	类型	默认值
src	图片地址	string	-
dtl	图片伸缩方向，现在支持垂直、水平	vertical | horizontal	horizontal

Run from local

$ npm install
$ npm start

LICENSE

MIT