网页背景效果-canvas-nest

最新推荐文章于 2024-04-12 10:00:18 发布

益达还有么

最新推荐文章于 2024-04-12 10:00:18 发布

阅读量4.8k

点赞数

分类专栏： Web前端

本文链接：https://blog.csdn.net/qq_30051139/article/details/53396366

版权

Web前端专栏收录该内容

7 篇文章 0 订阅

订阅专栏

canvas-nest：基于JS的一个插件，使用方法也比较简单。就是效果比较酷，别的没什么。

1 下载插件地址

github的项目：https://github.com/hustcc/canvas-nest.js

2 使用方法：

只需要将插件的js引进来就可以了。但是只能放入body标签中，即要在body标签中引入。如JSP页面：
一些配置项：
color：线的颜色
opacity：线的透明度

<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>网页背景效果</title>
</head>
<body>

    <script type="text/javascript" color="255,0,0" opacity='1' zIndex="-2" count="100" src="${url}/resources/canvas-nest.min.js"></script>
</body>

<script type="text/javascript">

</script>
</html>