consider adding char shape type (i.e. emoji)

[catdad]

Example code:

function text(context, x, y, scaleX, scaleY, rotation, char) {
  context.setTransform(scaleX, 0, 0, scaleY, x, y);
  context.rotate(rotation);
  context.textAlign = 'center';
  context.font = 'normal normal 16px auto';
  context.fillText(char, 0, 0);
  context.setTransform(1,0,0,1,0,0);
}
...
text(context, fetti.x, fetti.y, Math.abs(x2 - x1) * 0.2, Math.abs(y2 - y1) * 0.2, Math.PI / 10 * fetti.wobble, fetti.shape.char);
...
confetti({
  shapes: [{ type: 'char', char: '💩' }]
});

I am guessing we'd need an additional font family argument.

This code has very poor performance. Any acceptable solution will need to solve that.

[catdad]

Interesting... canvas has a createPattern() helper, which allows creating a pattern from an image. Then, the pattern has a setTransform(matrix) which allows manipulating that image directly instead of the entire canvas context. This, of course, means we need to rasterize the text ahead of time, but it's certainly better than that sprite branch. And this should be fast?

[catdad]

This was shipped in version 1.9.0