gpt4 book ai didi

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

转载 作者:行者123 更新时间:2023-12-03 11:27:38 25 4
gpt4 key购买 nike

如果可能的话,我想使用 JavaScript 将图像(小星星)添加到现有的动画 GIF 中。少则 0 颗星,多则可能有 10 颗星,但这个数字只有在 gif 加载到页面上后才能得知。如果星星“漂浮”在图像周围,那就太好了。

围绕 SO 和 Google 进行的粗略搜索并没有得到太多关于这个主题的结果。我想知道我是否没有使用正确的术语进行搜索。

有人能给我指出正确的方向或给我一个类似的例子吗?

最佳答案

那么...类似这样的事情吗?

http://jsfiddle.net/CaseyRule/e0a98pdu/3/

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);

关于javascript - 使用 JavaScript 将图像添加到动画 gif,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26854038/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com