emoji表情转png格式-html代码-BFW代码库

emoji表情转png格式

代码语言：html

所属分类：其他

下面为部分代码预览，完整代码请点击下载或在bfwstudio webide中打开

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">

<link rel='stylesheet' href='http://repo.bfw.wiki/bfwrepo/css/bulma.min.css'>
<style>
@import url("https://fonts.googleapis.com/css?family=Varela+Round&display=swap");
body {
  font-family: 'Varela Round', sans-serif;
  line-height: normal;
  padding: 0.5em;
}
#convertedEmoji {
  display: block;
  margin: 0 auto;
}
</style>

</head>
<body translate="no">
<header>
<div class="container">
<div class="row">
<div class="column">
<h1 class="title is-2 has-text-centered">Emoji 转 PNG</h1><br />
</div>
</div>
</div>
</header>
<main>
<div class="container">
<div class="row">
<div class="columns is-centered">
<div class="column is-three-quarters">
<div class="field has-addons">
<div class="control">
<button class="button" id="emojiPickerButton"><span id="pickedEmoji">🧛🏼‍♂️</span>选择一个 Emoji 表情</button>
</div>
<div class="control is-expanded">
<input class="input" id="emojiInput" type="text" readonly="readonly" value="🧛🏼‍♂️" />
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="column">
<figure><img id="convertedEmoji" /></figure>
</div>
<div class="has-text-cen.........完整代码请登录后点击上方下载按钮下载查看