<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>基于canvas超炫酷的流水灯效果</title>
<style>
*{
margin: 0;
padding: 0;
}
canvas{
border: 1px solid red;
width: 100%;
height: 100%;
}
</style>
</head>
<body onselectstart="return false">
<!-- 添加canvas标签,并加上红色边框以便于在页面上查看 -->
<canvas id="myCanvas" >
您的浏览器不支持canvas标签。
</canvas>
<script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
<script type="text/javascript">
var canvas = document.getElementById("myCanvas");
var ctx = canvas.getContext("2d");
var cx1 = canvas.offsetLeft;
var cy1 = canvas.offsetTop;
var cx2
基于canvas超炫酷的流水灯效果
最新推荐文章于 2024-05-30 10:50:01 发布