javascript - 如何将带有表情符号“❤️”的 div 打印为 pdf

Question

我正在编写一个应用程序来将一些文本打印到 pdf，但是当我放一个像❤️这样的表情符号并尝试使用 window.print 打印时，表情符号会丢失格式，丢失颜色。

为什么会这样？我该怎么做才能用表情符号打印这个 div？

标签： javascriptjquerycss

Answer 1

1. 使用@font-face嵌入包含表情符号的字体（我认为这非常罕见，但这似乎是一个竞争者：https ://emojisymbols.com/ ）。

2. 使用 @font-face嵌入图标字体并将所有表情符号包装在使用该特定图标字体的 span 中。

3. 在触发打印命令之前编写 javascript* 将所有表情符号替换为图像，如下所示：

   onclick="replaceAllEmojiWithImages(); window.print();"
   

*javascript函数可以来源于：https ://stackoverflow.com/a/64007175/2397550