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代码：

// 参见页面源代码