使用javascript将图像添加到动画gif

如果可能的话，我想使用javascript将图像（小星星）添加到现有的动画GIF中。可能只有0颗星，可能多达10颗星，但这个数字在gif加载到页面上之前是未知的。如果星星“漂浮”在图像周围，那将是一种奖励

粗略地搜索了一下SO和Google，没有得到多少关于这个主题的信息。我想知道我是否没有使用正确的术语进行搜索

---

有谁能给我指出正确的方向或给我举个类似的例子吗？

所以。。。像这样的

var w=$（'#gifContainer'）.width（）-12；
var h=$（'#gifContainer'）.height（）-12；
var星=[]；
函数随机定位星号（星号）{
var x=（Math.random（）*w）；
变量y=（Math.random（）*h）；
star.style.transform='translate（'+x+'px'，+y+'px'）；
}
对于（var i=0；i你是说在另一个图像上叠加附加图像吗？在WebHah上挖掘
js雪花
示例。太棒了。谢谢。
var w = $('#gifContainer').width() - 12;
var h = $('#gifContainer').height() - 12;
var stars = [];

function randomlyPositionStar( star ) {
    var x = (Math.random() * w);
    var y = (Math.random() * h);
    star.style.transform =  'translate('+x+'px,'+y+'px)';
}

for(var i = 0; i<10; i++ ){
    var starSrc = 'http://upload.wikimedia.org/wikipedia/en/archive/6/60/20060130131745!LinkFA-star.png';
    var star = new Image();
    star.src = starSrc;
    star.className = 'star';
    randomlyPositionStar( star );
    $('#gifContainer').append(star);
    stars.push( star );
}

setInterval( function() {
    var i = Math.floor(Math.random() * stars.length);
    randomlyPositionStar( stars[i] );
}, 100);