canvas实现的旋转星空效果实例页面

展示

回到相关文章 »

代码

CSS代码:
.header {
    position: relative;
    background: url(earth.jpg) center center no-repeat;
    height: 1000px;
    overflow: hidden;
}
.header > canvas {
    position: absolute;
    width: 1920px;
    height: 100%;
    left: 50%;
    margin-left: -960px;
}
            
HTML代码:
<div class="header">
    <canvas id="starCanvas" width="1920" height="1000"></canvas>  
</div>
            
JS代码:
// 参见页面源代码