unicode & css filter

js 中表示 unicode 的方法

1. 直接使用字符：如果字符在JavaScript的字符集中，可以直接写出该字符。

   javascript
   let heart = '❤️'; // 直接写入心形符号

2. 使用Unicode转义序列：使用\u后跟4位十六进制数来表示Unicode字符。

   javascript
   let star = '\u2605'; // Unicode转义序列表示星星

3. 使用Unicode字符的名称：在ES6及更高版本中，可以使用\u{...}语法，其中可以包含1到6位十六进制数字。

   javascript
   let checkMark = '\u{2705}'; // 使用Unicode字符名称表示勾选标记
   let heart = '\u{2764}'; // 使用Unicode字符名称表示心形符号

4. 使用String.fromCodePoint()：这个方法接受一个或多个Unicode码点，并返回一个字符串。

   javascript
   let thumbsUp = String.fromCodePoint(0x1F44D); // 使用code point表示竖起大拇指

charCodeAt()和fromCharCode()** 可以用来操作字符的Unicode值。

javascript
let charCode = 'A'.charCodeAt(0); // 获取字符'A'的Unicode码点
let charFromCode = String.fromCharCode(charCode); // 从码点创建字符

怎样用 css filter 将 🐱 这个 unicode 图标变成这个颜色 rgb(99, 102, 241)

你可以使用 hue-rotate 函数来改变图标的色调。以下是示例代码：

css
.cat-icon {
  color: #666; /* 设置原始颜色 */
  filter: hue-rotate(225deg); /* 通过旋转色相将颜色变为 RGB(99, 102, 241) */
}

你需要将这段代码应用到你的类名为 .cat-icon 的元素上，可以通过 ::before 或 ::after 选择器实现。完成后，图标就会变成指定的颜色了。

怎样用 css 将 unicode 图标变成黑白的

1. 首先，为 Unicode 图标创指定一个 CSS 类，比如叫做“gray-scale”。

css
.gray-scale {
  filter: grayscale(100%);
}

html
<i class="gray-scale">★</i>

2. 其他可选的 CSS 样式

你还可以添加其他 CSS 样式来进一步修改 Unicode 图标的外观。例如，下面的 CSS 样式可以增加一些间距和修改颜色：

css
.gray-scale {
  filter: grayscale(100%);
  margin-right: 5px;
  font-size: 24px;
  color: #999;
}

使用 css 滤镜进行色值转换

markdown 中怎样输入 unicode

在 Markdown 中输入 Unicode，需要使用 HTML 实体或者转义字符的方式。具体来说，可以使用以下两种方式：

1. 使用 HTML 实体。用 &# 加上该字符的十进制 Unicode 值来表示该字符，然后在后面加上分号;。比如：

? （\uD83D\uDC08 的十进制 Unicode 值为 128008）

2. 使用 Unicode 转义字符。用 \u 加上该字符的十六进制 Unicode 值来表示该字符。比如：

? 用 Unicode 转义字符表示为 \uD83D\uDC08

在 Markdown 中使用 HTML 实体或者转义字符，是在将 Markdown 转换为 HTML 时实现的。

测试：

• \uD83D\uDC08
• ?;