Tạo các khuôn mặt nghệ thuật Pixel trong React

Thành phần React để tạo thẻ mặt pixel ngẫu nhiên hoặc tùy chỉnh.

Làm thế nào để sử dụng nó:

1. Cài đặt và nhập.

# Yarn
$ yarn add react-pixelart-face-card

# NPM
$ npm i react-pixelart-face-cardimport { PixelArtCard } from 'react-pixelart-face-card'

2. Tạo thẻ mặt pixel ngẫu nhiên.

<PixelArtCard random={true} size={150} tags={['human-female','human-male']}/>

3. Tạo một khuôn mặt pixel tùy chỉnh với tóc, mắt, mũi, râu, miệng, phụ kiện có thể tùy chỉnh, v.v.

<PixelArtCard color={'#efd0c9'}  size={150} tags={[ 'human-male']} hover={true} hoverColor={'red'}>
  <PixelArtCard.Hair color='brown' />
  <PixelArtCard.HeadAccessory  />
  <PixelArtCard.Eyes />
  <PixelArtCard.EyesAccessory/>
  <PixelArtCard.EarAccessory/>
  <PixelArtCard.Nose />
  <PixelArtCard.Beard />
  <PixelArtCard.Mouth/>
  <PixelArtCard.MouthAccessory />
  <PixelArtCard.NeckAccessory value='neck-accessory-3'  color='blue'/>
</PixelArtCard>

4. Tạo mặt pixel tùy chỉnh với các giá trị tùy chỉnh.

<PixelArtCard color={'#efd0c9'}  size={150} tags={[ 'human-male']} hover={true} hoverColor={'red'}>
  <PixelArtCard.Hair color='black' />
</PixelArtCard>

Xem trước:

Xem trên GitHub: https://github.com/decades404/react-pixelart-face-card