Javascript 如何从其他网站获取此GIF？

我正在创建一个网站，我想要一个特定的gif背景，在页面加载时自动运行，这里是该网站的链接

我想用艺术家名单上的明星背景

---

我检查了我的开发工具和网络，但似乎找不到源代码

这些是而不是

gifs

这些由画布标记和javascript编码组成

下面是一个你可以使用的例子

window.onload=函数（）{
var element=“starfield”；
变量bgColor=“#030304”；
var FPS=30；
var位移率=5；
var加速率=10；
var maxSpeed=100；
var-maxStars=1000；
var加速=设置间隔（函数（）{
如果（加速率>最大速度）{
清除间隔（加速）；
}
加速率=加速率*1.1；
},100);
var Star=函数（）{
这个.x=0；
这个。y=0；
这个.z=0；
此参数为.maxDepth=0；
这个α=0；
这个半径=0；
该值为0.dx=0；
这是0.dy=0；
该值为0.dz=0；
这是0.ddx=0；
这是0.ddy=0；
this.drawInContext=函数（ctx、deltaX、deltaY）{
ctx.beginPath（）；
ctx.fillStyle=“rgba（255,255,255，“+this.alpha+”）；
ctx.arc（this.x+deltaX，this.y+deltaY，this.radius，0，Math.PI*2，false）；
ctx.fill（）；
};
};
var requestAnimationFrame=
window.requestAnimationFrame||
window.webkitRequestAnimationFrame||
window.mozRequestAnimationFrame||
window.msRequestAnimationFrame||
window.oRequestAnimationFrame||
函数（回调）{
返回窗口。设置超时（回调，1000/FPS）；
};
支持的功能（元素）{
return！！（element.getContext&&element.getContext（“2d”）；
}
函数backingScale（上下文）{
if（窗口中的“devicePixelRatio”）{
如果（window.devicePixelRatio>1）{
返回窗口.devicePixelRatio；
}
}
返回1；
}
函数StarField（canvasID）{
this.canvas=document.getElementById（canvasID）；
如果支持（！iscanvas（this.canvas））{
this.canvas.className=“非活动”；
this.canvas.width=window.innerWidth；
this.isCanvasEnabled=false；
归还这个；
}
this.isCanvasEnabled=true；
this.ctx=this.canvas.getContext（“2d”）；
this.scaleFactor=backingScale（this.ctx）；
this.stars=新数组（）；
函数newStar（）{
var-star=新星（）；
star.x=Math.random（）*this.canvas.width-this.originX；
star.y=Math.random（）*this.canvas.height-this.originY；
star.z=star.max_depth=Math.max（this.canvas.width，this.canvas.height）；
star.alpha=Math.random（）；
star.radius=Math.random（）；
var xcoeff=star.x>0？1:-1；
var ycoeff=星形y>0？1:-1；
if（Math.abs（star.x）>Math.abs（star.y））{
star.dx=1.0；
star.dy=Math.abs（star.y/star.x）；
}否则{
star.dx=Math.abs（star.x/star.y）；
star.dy=1.0；
}
star.dx*=xcoeff*（位移率/10）；
star.dy*=ycoeff*（位移率/10）；
star.dz=-1；
star.ddx=（加速度率*star.dx）/10；
star.ddy=（加速度率*star.dy）/10；
返回星；
}
功能移动（星型）{
star.x+=star.dx；
star.y+=star.dy；
star.z+=star.dz；
star.dx+=star.ddx；
star.dy+=star.ddy；
}
函数更新stars（ctx、stars）{
对于（var i=0；i this.originX | | stars[i].y<-this.originY | | stars[i].y>this.originY）{
//除去
stars[i]=newStar（）；
}否则{
//油漆
var deltaX=this.originX；
var deltaY=此。初始值；
stars[i].drawInContext（ctx、deltaX、deltaY）；
}
}
}
this.configureGeometry=函数（）{
//确保我们始终处于全方位
this.canvas.width=window.innerWidth；
this.canvas.style.backgroundColor=bgColor；
var比率=1；
//视网膜支持
//看http://www.html5rocks.com/en/tutorials/canvas/hidpi/
如果（this.scaleFactor>1）{
var devicePixelRatio=this.scaleFactor；
var context=this.ctx；
var backingStoreRatio=context.webkitBackingStorePixelRatio||
context.mozBackingStorePixelRatio||
context.msBackingStorePixelRatio||
context.obackStorePixelRatio||
context.backingStorePixelRatio | | 1；
比率=设备固定比率/备份存储比率；
//如果两个比率不匹配，则放大画布
if（devicePixelRatio！==备份存储比率）{
var canvas=this.canvas；
var oldWidth=canvas.width；
var oldHeight=canvas.height；
canvas.width=旧宽度*比率；
canvas.height=旧高度*比率；
canvas.style.width=oldWidth+'px'；
canvas.style.height=oldHeight+'px'；
//现在，缩放上下文以应对我们已经手动缩放画布元素的事实
范围（比率、比率）；
}
}
//恒星起源
var logicalWidth=this.canvas.width/比率；
var logicalHeight=this.canvas.height/比率；
this.originX=逻辑宽度/2；
this.originY=逻辑高度/2；
var numStars=逻辑宽度/2；
this.numStars=numStars>maxStars？maxStars:numStars；
}
this.render=函数（）{
setTimeout（函数（）{
//绘图
this.ctx.clearRect（0，0，this.canvas.width，this.canvas.height）；
updateStars（this.ctx，this.stars）；
请求动画帧（渲染）；
}，1000/帧）；
};
//在创建初始批星星之前，请配置原点和帧
这是.configureGeometry（）；
对于（var i=0；iSearch）站点的CSS文件，它可能会出现在对图像的引用中。它是在
上绘制的，这意味着您无法将其作为GIF。请尝试以下操作：