首页 > 解决方案 > 如何调整twemoji表情符号的大小?

问题描述

我正在使用twemoji在页面上设置表情符号的样式:

$(document).ready(function () {  
  document.body = twemoji.parse(document.body)
 });

它工作正常,但是默认的表情符号结果是72x72

<img draggable="false" class="emoji" alt="" src="https://twemoji.maxcdn.com/2/72x72/1f600.png">

我希望 twemoji 改为呈现16x16png 或 svg 图标。

文档没有明确说明如何更改图标大小,所以我尝试了以下操作:

$(document).ready(function () {  
  document.body = twemoji.parse(document.body, 
   {size: 16}
    )
 });

但没有一个奏效。我怎样才能解决这个问题?

标签: javascripttwemoji

解决方案


您可以在运行 parse() 方法之前设置默认大小:

$(document).ready(function () {  
  // Set the size of the rendered Emojis
  // This can be set to 16x16, 36x36, or 72x72
  twemoji.size = '36x36';

  document.body = twemoji.parse(document.body);
});

归功于这个页面的提示(以及这个简单的谷歌搜索来找到它!)。


推荐阅读