表情字符计算/canvas绘制表情字符不会换行、多行文本绘制（原生canvas、pixi.js、createjs）

问题

• 需求要求输入的表情只按一个字符算，但输入的表情默认是两个字符
• 玩家输入的内容需要绘制到分享图上，可能会出现玩家输入表情字符的情况，但canvas不支持表情字符自动换行

DEMO(源码)

示例代码

表情字符计算

• 相关方法：utils、calculationNum

canvas绘制多行文本（包含表情）

canvas文案绘制例子前置说明：

• 因为原生canvas文本绘制跟pixi.js、createjs绘制有些许差别，因此三个类型都写了一个例子
• 原生canvas不支持使用\n进行换行，pixi.js、createjs支持
• 原生canvas文本不会自动换行
• 原生canvas、pixi.js、createjs表情字符都不会自动换行

• 原生canvas绘制多行文本
  1. 相关方法：utils、createCanvasTxt
  2. 计算思路：需要根据文本的宽度是否超出了显示区域的宽度，是的话，则另起一行进行绘制
• createjs绘制多行文本
  1. 相关方法：utils、createCjsTxt
  2. 计算思路：需要根据文本的宽度是否超出了显示区域的宽度，是的话，拼接换行符
• pixi.js绘制多行文本
  1. 相关方法：utils、createPixiTxt
  2. 计算思路：同createjs