<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<style>
#text{
right: 0;
left: 0;
top: 0;
bottom: 0;
margin: auto;
position: absolute;
background: gray;
}
</style>
<body>
<canvas id="text" width="300" height="300"></canvas>
</body>
<script type="text/javascript">
window.onload=function () {
var canvas=document.getElementById("text");
canvas.width=document.documentElement.clientWidth;
canvas.height=document.documentElement.clientHeight;
if (canvas.getContext){
var ctx=canvas.getContext("2d");
var flag=0;
var value=0;
setInterval(function () {
ctx.clearRect(0,0,canvas.w
canvas实现动画
最新推荐文章于 2023-02-23 15:54:18 发布