时间戳

首页 > 解决方案 > 是否有可能获得表情符号的大多数颜色？

javascript - 是否有可能获得表情符号的大多数颜色？

问题描述

我想要实现的是在表情符号中添加一个text-shadow颜色是表情符号text-shadow中最突出的颜色。

我知道有一些 JavaScript 库可以识别图像中最突出的颜色，但由于 emoji 在技术上是文本，我不确定我会怎么做，甚至根本不知道它是否可能。

我会为我已经尝试过的东西提供一些代码，但老实说，我什至不知道从哪里开始。

.emoji {
  text-shadow: 0px 0px 20px rgba(54, 169, 230, 0.65);
  padding: 3px 6px;
  font-size: 24px;
}
<span class="emoji"></span>

标签： javascriptcssshadowemoji

解决方案

另一种不使用的方法text-shadow是复制表情符号，将其直接放在原件后面并模糊它。

您可以直接在 HTML 中创建副本，或者如果更容易使用 js，如下例所示。

var emoji = document.querySelector("#blur-me");
var copy = emoji.cloneNode(true);
copy.classList.remove("emoji");
emoji.appendChild(copy);
.emoji {
  padding: 3px 6px;
  font-size: 24px;
  position: relative;
  display: inline-block;
}

.emoji span {
  position: absolute;
  left: 6px;
  z-index: -1;
  filter: blur(10px);
}
<span class="emoji" id="blur-me"></span>

推荐阅读