<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>HTML5 canvas像素化星云脉冲图</title>
<style>
html,
body {
background-color: black;
margin: 0;
padding: 0;
overflow: hidden;
height: 100%;
}
#img {
height: 100%;
display: block;
margin: 0 auto;
position: absolute;
left: 0;
right: 0;
opacity: 0;
}
#canvas {
position: absolute;
top: 0;
left: 0;
}
</style>
</head>
<body>
<img id="img" src="data:image/jpeg;base64,/9j/4QAYRXhpZgAASUkqAAgAAAAAAAAAAAAAAP/sABFEdWNreQABAAQAAAAeAAD/4QMtaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLwA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjYtYzA2NyA3OS4xNTc3NDcsIDIwMTUvMDMvMzAtMjM6NDA6NDIgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjg2NkI5MUE0OUM2NzExRTU4NDVDQzNBMzQxRjk2NTE4IiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjg2NkI5MUEzOUM2NzExRTU4NDVDQzNBMzQxRjk2NTE4IiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE1IFdpbmRvd3MiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDozREZDRTUxQTlDNjIxMUU1QTNENkMxODYyQTM0MDUxNCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDozREZDRTUxQjlDNjIxMUU1QTNENkMxODYyQTM0MDUxNCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pv/uAA5BZG9iZQBkwAAAAAH/2wCEABALCwsMCxAMDBAXDw0PFxsU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
HTML5 canvas实现的像素化星云脉冲图动画效果源码.zip
版权申诉
130 浏览量
2022-11-03
23:35:48
上传
评论
收藏 87KB ZIP 举报
毕业_设计
- 粉丝: 1932
- 资源: 1万+