如何在这个JavaScript动画中使用随机字母？

Question

我正在this animation工作，当它悬停在文本上时，它会以漂亮的方式动画。

但我想要改变这个动画。我想使用随机字符而不是圆圈。一个unicode生日蛋糕符号。

问题是我无法在circle文件中的任何位置找到bubbles.js的定义，看起来{j}文件中定义了circle。

Answer 1

在bubbles.js中，形状在以行开头的函数中绘制：

this.draw = function (bubbleShape, dx, dy) {

以下是an article，其中显示了如何添加三角形和心形。

如果要绘制字符，则必须引用支持该字符的字体，浏览器必须具有该字体。

你可以尝试：

ctx.fillStyle = this.color;
ctx.font = '40pt Symbola';
ctx.fillText('', this.curPos.x + dx, this.curPos.y + dy);

您可能最好创建生日蛋糕的图像，然后绘制图像：