画布，如何为掉落的物体添加背景色

Question

我正在尝试在我的PNG图像的背景中应用随机颜色，作为徽标周围的圆圈。

我的笔在这里：https://codepen.io/Le-future/pen/gKNoEE

我添加了：

// Random color
    couleur: 'hsl('+ 360*Math.random() +',100%,50%)',

并且：

    ctx.fillStyle = ctx.strokeStyle = object.couleur;

但是随机颜色仅应用于画布顶部的线条上，如何将其放置在下落的对象的后面以使徽标位于具有随机颜色的圆形上方？

我要指出的是，最后，我所有的PNG文件都将是正方形的。徽标在中间，背面透明。

更新

正如您现在在笔上看到的那样，我真的很接近我想要的结果，唯一的问题是图标没有正确地定位在圆圈中，有帮助吗？