# Lottie Emojis 😄

一款有关于emoji表情包的Lottie动画库。

## Installation

`lottie-emojis` 库需要搭配 `lottie-web` 库一起使用。

``` sh
# using npm
npm install lottie-web lottie-emojis --save

# using yarn
yarn add lottie-web lottie-emojis

# using pnpm
pnpm add lottie-web lottie-emojis
```

## Usage

### CDN

``` html
<script src="./lottie.js"></script>

<script>
  lottie.loadAnimation({
    container: element, // DOM元素
    renderer: 'svg',
    loop: true,
    autoplay: true,
    path: `https://unpkg.com/lottie-emojis/json-data/${jsonFileName}.json` // 对应动画的json，具体名字可查下方表格的 CDN引入文件名 列
  })
</script>
```

### NPM

``` js
import Lottie from 'lottie-web'
import { Happy } from 'lottie-emojis' // 引入动画JSON文件，具体名字可查下方表格的 模块名 列

Lottie.loadAnimation({
  container: element, // DOM元素
  renderer: 'svg',
  loop: false,
  autoplay: true,
  animationData: Happy
})
```

## Data Map

|                     Emojis表情                     |    表情名    |      模块名      |  CDN引入文件名   |
| :------------------------------------------------: | :----------: | :--------------: | :--------------: |
|          ![Happy](./image-data/happy.png)          |    `开心`    |     `Happy`      |     `happy`      |
|          ![Frown](./image-data/frown.png)          |    `难过`    |     `Frown`      |     `frown`      |
|          ![Drool](./image-data/drool.png)          |    `喜欢`    |     `Drool`      |     `drool`      |
|        ![Flushed](./image-data/flushed.png)        |    `惊讶`    |    `Flushed`     |    `flushed`     |
|           ![Cool](./image-data/cool.png)           |     `酷`     |      `Cool`      |      `cool`      |
|            ![Sob](./image-data/sob.png)            |    `流泪`    |      `Sob`       |      `sob`       |
|         ![Joyful](./image-data/joyful.png)         |    `愉悦`    |     `Joyful`     |     `joyful`     |
|            ![OMG](./image-data/omg.png)            |    `天呐`    |      `OMG`       |      `omg`       |
|       ![Sleeping](./image-data/sleeping.png)       |     `睡`     |    `Sleeping`    |    `sleeping`    |
|   ![SmilingTear](./image-data/smiling-tear.png)    |    `笑泪`    |  `SmilingTear`   |  `smiling-tear`  |
|       ![Downcast](./image-data/downcast.png)       |    `沮丧`    |    `Downcast`    |    `downcast`    |
|          ![Angry](./image-data/angry.png)          |    `愤怒`    |     `Angry`      |     `angry`      |
| ![WinkingTongue](./image-data/winking-tongue.png)  |  `眨眼吐舌`  | `WinkingTongue`  | `winking-tongue` |
|       ![Grinning](./image-data/grinning.png)       |   `咧嘴笑`   |    `Grinning`    |    `grinning`    |
|         ![Hushed](./image-data/hushed.png)         |   `寂静的`   |     `Hushed`     |     `hushed`     |
|        ![Worried](./image-data/worried.png)        |    `担心`    |    `Worried`     |    `worried`     |
|        ![Peaking](./image-data/peaking.png)        |    `窥视`    |    `Peaking`     |    `peaking`     |
|          ![Weary](./image-data/weary.png)          |    `疲惫`    |     `Weary`      |     `weary`      |
|           ![Puke](./image-data/puke.png)           |    `呕吐`    |      `Puke`      |      `puke`      |
|        ![Chuckle](./image-data/chuckle.png)        |    `轻笑`    |    `Chuckle`     |    `chuckle`     |
|        ![Kissing](./image-data/kissing.png)        |    `亲亲`    |    `Kissing`     |    `kissing`     |
|   ![RollingEyes](./image-data/rolling-eyes.png)    |   `翻白眼`   |  `RollingEyes`   |  `rolling-eyes`  |
|        ![Yawning](./image-data/yawning.png)        |   `打呵欠`   |    `Yawning`     |    `yawning`     |
|        ![Fearful](./image-data/fearful.png)        |    `可怕`    |    `Fearful`     |    `fearful`     |
|        ![Anxious](./image-data/anxious.png)        |    `焦虑`    |    `Anxious`     |    `anxious`     |
|      ![Screaming](./image-data/screaming.png)      |    `尖叫`    |   `Screaming`    |   `screaming`    |
|  ![ThrowingKiss](./image-data/throwing-kiss.png)   |    `飞吻`    |  `ThrowingKiss`  | `throwing-kiss`  |
|          ![Scold](./image-data/scold.png)          |     `骂`     |     `Scold`      |     `scold`      |
|       ![Thinking](./image-data/thinking.png)       |    `思考`    |    `Thinking`    |    `thinking`    |
|       ![Shushing](./image-data/shushing.png)       |     `嘘`     |    `Shushing`    |    `shushing`    |
|          ![Dizzy](./image-data/dizzy.png)          |    `头晕`    |     `Dizzy`      |     `dizzy`      |
|           ![Cold](./image-data/cold.png)           |     `冷`     |      `Cold`      |      `cold`      |
|       ![Sneezing](./image-data/sneezing.png)       |   `打喷嚏`   |    `Sneezing`    |    `sneezing`    |
|    ![Thermometer](./image-data/thermometer.png)    |    `测温`    |  `Thermometer`   |  `thermometer`   |
|   ![HeadBandage](./image-data/head-bandage.png)    |   `头绷带`   |  `HeadBandage`   |  `head-bandage`  |
| ![RaisedEyebrow](./image-data/raised-eyebrow.png)  |    `挑眉`    | `RaisedEyebrow`  | `raised-eyebrow` |
|     ![OpenHands](./image-data/open-hands.png)      |    `摊手`    |   `OpenHands`    |   `open-hands`   |
|      ![Grimacing](./image-data/grimacing.png)      |   `扮鬼脸`   |   `Grimacing`    |   `grimacing`    |
|  ![ForceSmiling](./image-data/force-smiling.png)   |  `强颜欢笑`  |  `ForceSmiling`  | `force-smiling`  |
|           ![Sick](./image-data/sick.png)           |    `生病`    |      `Sick`      |      `sick`      |
|          ![Lying](./image-data/lying.png)          |    `说谎`    |     `Lying`      |     `lying`      |
|           ![Zany](./image-data/zany.png)           |    `滑稽`    |      `Zany`      |      `zany`      |
|         ![Hearts](./image-data/hearts.png)         |    `爱意`    |     `Hearts`     |     `hearts`     |
|            ![Cry](./image-data/cry.png)            |     `哭`     |      `Cry`       |      `cry`       |
|         ![Relief](./image-data/relief.png)         |    `解脱`    |     `Relief`     |     `relief`     |
|         ![Melted](./image-data/melted.png)         |    `融化`    |     `Melted`     |     `melted`     |
|     ![Confounded](./image-data/confounded.png)     |    `困惑`    |   `Confounded`   |   `confounded`   |
|           ![Roll](./image-data/roll.png)           |     `滚`     |      `Roll`      |      `roll`      |
|           ![Beam](./image-data/beam.png)           |  `喜气洋洋`  |      `Beam`      |      `beam`      |
|       ![SideEye](./image-data/side-eye.png)        |    `斜眼`    |    `SideEye`     |    `side-eye`    |
|       ![StarEye](./image-data/star-eye.png)        |   `星星眼`   |    `StarEye`     |    `star-eye`    |
|        ![Glutton](./image-data/glutton.png)        |    `馋嘴`    |    `Glutton`     |    `glutton`     |
|      ![Delicious](./image-data/delicious.png)      |    `可口`    |   `Delicious`    |   `delicious`    |
|   ![SmilingEyes](./image-data/smiling-eyes.png)    |    `笑眼`    |  `SmilingEyes`   |  `smiling-eyes`  |
|          ![Drunk](./image-data/drunk.png)          |     `醉`     |     `Drunk`      |     `drunk`      |
|          ![Sweat](./image-data/sweat.png)          |    `流汗`    |     `Sweat`      |     `sweat`      |
|            ![Sad](./image-data/sad.png)            |    `伤心`    |      `Sad`       |      `sad`       |
|            ![Hot](./image-data/hot.png)            |     `热`     |      `Hot`       |      `hot`       |
|     ![Astonished](./image-data/astonished.png)     |    `震惊`    |   `Astonished`   |   `astonished`   |
|        ![Concern](./image-data/concern.png)        |    `忧虑`    |    `Concern`     |    `concern`     |
|      ![Anguished](./image-data/anguished.png)      |    `痛苦`    |   `Anguished`    |   `anguished`    |
|       ![Confused](./image-data/confused.png)       |    `困惑`    |    `Confused`    |    `confused`    |
|        ![Neutral](./image-data/neutral.png)        |    `中性`    |    `Neutral`     |    `neutral`     |
|         ![Salute](./image-data/salute.png)         |    `敬礼`    |     `Salute`     |     `salute`     |
| ![Expressionless](./image-data/expressionless.png) |  `面无表情`  | `Expressionless` | `expressionless` |
| ![Speechlessness](./image-data/speechlessness.png) |    `无语`    | `Speechlessness` | `speechlessness` |
|         ![Zipper](./image-data/zipper.png)         |    `拉链`    |     `Zipper`     |     `zipper`     |
|    ![UpsideDown](./image-data/upside-down.png)     |    `颠倒`    |   `UpsideDown`   |  `upside-down`   |
|        ![Pensive](./image-data/pensive.png)        |    `沉思`    |    `Pensive`     |    `pensive`     |
|      ![Persevere](./image-data/persevere.png)      |    `坚持`    |   `Persevere`    |   `persevere`    |
|           ![Smug](./image-data/smug.png)           |  `踌躇满志`  |      `Smug`      |      `smug`      |
|           ![Hide](./image-data/hide.png)           |    `隐藏`    |      `Hide`      |      `hide`      |
|         ![Cowboy](./image-data/cowboy.png)         |    `牛仔`    |     `Cowboy`     |     `cowboy`     |
|          ![Party](./image-data/party.png)          |    `派对`    |     `Party`      |     `party`      |
|           ![Kiss](./image-data/kiss.png)           |    `亲吻`    |      `Kiss`      |      `kiss`      |
|           ![Wink](./image-data/wink.png)           |    `眨眼`    |      `Wink`      |      `wink`      |
|         ![Squint](./image-data/squint.png)         |    `眯眼`    |     `Squint`     |     `squint`     |
|         ![Tongue](./image-data/tongue.png)         |    `舌头`    |     `Tongue`     |     `tongue`     |
|          ![Smile](./image-data/smile.png)          |    `微笑`    |     `Smile`      |     `smile`      |
|       ![Relieved](./image-data/relieved.png)       |  `松了口气`  |    `Relieved`    |    `relieved`    |
|         ![Sleepy](./image-data/sleepy.png)         |     `困`     |     `Sleepy`     |     `sleepy`     |
|    ![TearsOfJoy](./image-data/tears-of-joy.png)    |    `笑哭`    |   `TearsOfJoy`   |  `tears-of-joy`  |
|       ![Contempt](./image-data/contempt.png)       |    `鄙视`    |    `Contempt`    |    `contempt`    |
|          ![Plead](./image-data/plead.png)          |    `恳求`    |     `Plead`      |     `plead`      |
|      ![Gratitude](./image-data/gratitude.png)      |    `感激`    |   `Gratitude`    |   `gratitude`    |
|      ![Amazement](./image-data/amazement.png)      |    `惊愕`    |   `Amazement`    |   `amazement`    |
|     ![MindBlown](./image-data/mind-blown.png)      |  `脑袋爆炸`  |   `MindBlown`    |   `mind-blown`   |
|          ![Tired](./image-data/tired.png)          |    `疲劳`    |     `Tired`      |     `tired`      |
|           ![Halo](./image-data/halo.png)           |    `光圈`    |      `Halo`      |      `halo`      |
|       ![Surprise](./image-data/surprise.png)       |    `惊喜`    |    `Surprise`    |    `surprise`    |
|       ![Smirking](./image-data/smirking.png)       |    `傻笑`    |    `Smirking`    |    `smirking`    |
|          ![Money](./image-data/money.png)          |     `钱`     |     `Money`      |     `money`      |
|      ![Nauseated](./image-data/nauseated.png)      |    `恶心`    |   `Nauseated`    |   `nauseated`    |
|           ![Nerd](./image-data/nerd.png)           |   `书呆子`   |      `Nerd`      |      `nerd`      |
|        ![Monocle](./image-data/monocle.png)        |  `单片眼镜`  |    `Monocle`     |    `monocle`     |
|      ![Disguised](./image-data/disguised.png)      |    `伪装`    |   `Disguised`    |   `disguised`    |
|      ![Smallness](./image-data/smallness.png)      |    `渺小`    |   `Smallness`    |   `smallness`    |
|          ![Demon](./image-data/demon.png)          |    `魔鬼`    |     `Demon`      |     `demon`      |
|     ![FullScore](./image-data/full-score.png)      |    `满分`    |   `FullScore`    |   `full-score`   |
|           ![Lips](./image-data/lips.png)           |    `嘴唇`    |      `Lips`      |      `lips`      |
|      ![RedHeart](./image-data/red-heart.png)       |    `红心`    |    `RedHeart`    |   `red-heart`    |
|   ![BrokenHeart](./image-data/broken-heart.png)    |    `心碎`    |  `BrokenHeart`   |  `broken-heart`  |
| ![BandagedHeart](./image-data/bandaged-heart.png)  |  `绷带的心`  | `BandagedHeart`  | `bandaged-heart` |
|     ![FireHeart](./image-data/fire-heart.png)      |  `着火的心`  |   `FireHeart`    |   `fire-heart`   |
|          ![Cupid](./image-data/cupid.png)          |   `丘比特`   |     `Cupid`      |     `cupid`      |
|  ![BeatingHeart](./image-data/beating-heart.png)   |    `心跳`    |  `BeatingHeart`  | `beating-heart ` |
|     ![GiftHeart](./image-data/gift-heart.png)      |  `礼物的心`  |   `GiftHeart`    |   `gift-heart`   |
|     ![PinkHeart](./image-data/pink-heart.png)      |    `粉心`    |   `PinkHeart`    |   `pink-heart`   |
|           ![Clap](./image-data/clap.png)           |    `鼓掌`    |      `Clap`      |      `clap`      |
|      ![ThumbsUp](./image-data/thumbs-up.png)       | `竖起大拇指` |    `ThumbsUp`    |   `thumbs-up`    |
|    ![ThumbsDown](./image-data/thumbs-down.png)     |  `拇指向下`  |   `ThumbsDown`   |  `thumbs-down`   |
|        ![Victory](./image-data/victory.png)        |    `胜利`    |    `Victory`     |    `victory`     |
|           ![Wave](./image-data/wave.png)           |    `挥手`    |      `Wave`      |      `wave`      |
|             ![OK](./image-data/ok.png)             |   `没问题`   |       `OK`       |       `ok`       |
|    ![PointingUp](./image-data/pointing-up.png)     |   `向上指`   |   `PointingUp`   |  `pointing-up`   |
|  ![PointingDown](./image-data/pointing-down.png)   |   `向下指`   |  `PointingDown`  | `pointing-down`  |
|         ![Muscle](./image-data/muscle.png)         |    `肌肉`    |     `Muscle`     |     `muscle`     |
|           ![Fire](./image-data/fire.png)           |     `火`     |      `Fire`      |      `fire`      |
|    ![Electricity](./image-data/electricity.png)    |    `闪电`    |  `Electricity`   |  `electricity`   |
|   ![GlowingStar](./image-data/glowing-star.png)    |  `发光星星`  |  `GlowingStar`   |  `glowing-star`  |
|         ![Camera](./image-data/camera.png)         |    `相机`    |     `Camera`     |     `camera`     |
|        ![Worship](./image-data/worship.png)        |    `祈祷`    |    `Worship`     |    `worship`     |
|         ![Coffee](./image-data/coffee.png)         |    `咖啡`    |     `Coffee`     |     `coffee`     |
|          ![Beers](./image-data/beers.png)          |    `啤酒`    |     `Beers`      |     `beers`      |
|      ![Champagne](./image-data/champagne.png)      |    `香槟`    |   `Champagne`    |   `champagne`    |
|       ![Clinking](./image-data/clinking.png)       |    `碰杯`    |    `Clinking`    |    `clinking`    |
|           ![Wine](./image-data/wine.png)           |    `红酒`    |      `Wine`      |      `wine`      |
|  ![ConfettiBall](./image-data/confetti-ball.png)   |   `彩纸球`   |  `ConfettiBall`  | `confetti-ball`  |
|           ![Gift](./image-data/gift.png)           |    `礼物`    |      `Gift`      |      `gift`      |
|  ![BirthdayCake](./image-data/birthday-cake.png)   |  `生日蛋糕`  |  `BirthdayCake`  | `birthday-cake`  |
|     ![DirectHit](./image-data/direct-hit.png)      |  `正中准心`  |   `DirectHit`    |   `direct-hit`   |
|        ![Balloon](./image-data/balloon.png)        |    `气球`    |    `Balloon`     |    `balloon`     |
|     ![MoneyWing](./image-data/money-wing.png)      |    `财富`    |   `MoneyWing`    |   `money-wing`   |
|         ![Rocket](./image-data/rocket.png)         |    `火箭`    |     `Rocket`     |     `rocket`     |
|           ![Rose](./image-data/rose.png)           |    `玫瑰`    |      `Rose`      |      `rose`      |
|           ![Wilt](./image-data/wilt.png)           |    `枯萎`    |      `Wilt`      |      `wilt`      |
|           ![Bell](./image-data/bell.png)           |    `铃铛`    |      `Bell`      |      `bell`      |
|           ![Flag](./image-data/flag.png)           |    `旗子`    |      `Flag`      |      `flag`      |
|       ![Graduate](./image-data/graduate.png)       |   `学士帽`   |    `Graduate`    |    `graduate`    |
|        ![Rainbow](./image-data/rainbow.png)        |    `彩虹`    |    `Rainbow`     |    `rainbow`     |
|      ![Fireworks](./image-data/fireworks.png)      |    `烟花`    |   `Fireworks`    |   `fireworks`    |
|    ![Firecracker](./image-data/firecracker.png)    |    `鞭炮`    |  `Firecracker`   |  `firecracker`   |
|        ![Droplet](./image-data/droplet.png)        |    `水滴`    |    `Droplet`     |    `droplet`     |
|        ![Correct](./image-data/correct.png)        |    `正确`    |    `Correct`     |    `correct`     |
|          ![Wrong](./image-data/wrong.png)          |    `错误`    |     `Wrong`      |     `wrong`      |
|       ![Question](./image-data/question.png)       |    `问号`    |    `Question`    |    `question`    |
|    ![Exclamation](./image-data/exclamation.png)    |   `感叹号`   |  `Exclamation`   |  `exclamation`   |
|           ![Eyes](./image-data/eyes.png)           |    `眼睛`    |      `Eyes`      |      `eyes`      |
|          ![Knife](./image-data/knife.png)          |    `小刀`    |     `Knife`      |     `knife`      |
|           ![Bomb](./image-data/bomb.png)           |    `炸弹`    |      `Bomb`      |      `bomb`      |
|          ![Alien](./image-data/alien.png)          |   `外星人`   |     `Alien`      |     `alien`      |
|           ![Game](./image-data/game.png)           |   `游戏机`   |      `Game`      |      `game`      |