You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
319 lines
18 KiB
319 lines
18 KiB
<!DOCTYPE html>
|
|
<!-- saved from url=(0052)http://getbootstrap.com/docs/4.0/examples/dashboard/ -->
|
|
<html lang="en">
|
|
<head>
|
|
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
|
<meta name="description" content="">
|
|
<meta name="author" content="">
|
|
<title>首页</title>
|
|
<!-- Bootstrap core CSS -->
|
|
<link href="asserts/css/bootstrap.min.css" rel="stylesheet">
|
|
<!-- Custom styles for this template -->
|
|
<link href="asserts/css/dashboard.css" rel="stylesheet">
|
|
<style type="text/css">
|
|
/* Chart.js */
|
|
|
|
@-webkit-keyframes chartjs-render-animation {
|
|
from {
|
|
opacity: 0.99
|
|
}
|
|
to {
|
|
opacity: 1
|
|
}
|
|
}
|
|
|
|
@keyframes chartjs-render-animation {
|
|
from {
|
|
opacity: 0.99
|
|
}
|
|
to {
|
|
opacity: 1
|
|
}
|
|
}
|
|
|
|
.chartjs-render-monitor {
|
|
-webkit-animation: chartjs-render-animation 0.001s;
|
|
animation: chartjs-render-animation 0.001s;
|
|
}
|
|
</style>
|
|
</head>
|
|
<style>
|
|
body {
|
|
background-color: #0093E9;
|
|
background-image: linear-gradient(242deg, #0093E9 0%, #80D0C7 100%);
|
|
background-size: 8000px;
|
|
}
|
|
</style>
|
|
<body>
|
|
<nav class="navbar navbar-dark sticky-top bg-dark flex-md-nowrap p-0">
|
|
<a class="navbar-brand col-sm-3 col-md-2 mr-0" href="" style="font-size: 20px;">数字图像处理</a>
|
|
<ul class="navbar-nav px-3">
|
|
</ul>
|
|
</nav>
|
|
|
|
<div class="container-fluid">
|
|
<div class="row">
|
|
<nav class="col-md-2 d-none d-md-block bg-light sidebar">
|
|
<div class="sidebar-sticky">
|
|
<ul class="nav flex-column">
|
|
<li class="nav-item">
|
|
<a class="nav-link active"
|
|
href="http://getbootstrap.com/docs/4.0/examples/dashboard/dashboard.html#首页.html"
|
|
style="font-size: 20px">
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"
|
|
fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
|
|
stroke-linejoin="round" class="feather feather-home">
|
|
<path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path>
|
|
<polyline points="9 22 9 12 15 12 15 22"></polyline>
|
|
</svg>
|
|
首页 <span class="sr-only">(current)</span>
|
|
</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link" href="opencv制图.html"
|
|
style="font-size: 20px;background-image: linear-gradient(242deg, #0093E9 0%, #80D0C7 100%);">
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"
|
|
fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
|
|
stroke-linejoin="round" class="feather feather-layers">
|
|
<polygon points="12 2 2 7 12 12 22 7 12 2"></polygon>
|
|
<polyline points="2 17 12 22 22 17"></polyline>
|
|
<polyline points="2 12 12 17 22 12"></polyline>
|
|
</svg>
|
|
opencv绘图
|
|
</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link" href="小波变换.html"
|
|
style="font-size: 20px;background-image: linear-gradient(242deg, #0093E9 0%, #80D0C7 100%);">
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"
|
|
fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
|
|
stroke-linejoin="round" class="feather feather-layers">
|
|
<polygon points="12 2 2 7 12 12 22 7 12 2"></polygon>
|
|
<polyline points="2 17 12 22 22 17"></polyline>
|
|
<polyline points="2 12 12 17 22 12"></polyline>
|
|
</svg>
|
|
小波变换
|
|
</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link" href="色彩空间.html"
|
|
style="font-size: 20px;background-image: linear-gradient(242deg, #0093E9 0%, #80D0C7 100%);">
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"
|
|
fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
|
|
stroke-linejoin="round" class="feather feather-layers">
|
|
<polygon points="12 2 2 7 12 12 22 7 12 2"></polygon>
|
|
<polyline points="2 17 12 22 22 17"></polyline>
|
|
<polyline points="2 12 12 17 22 12"></polyline>
|
|
</svg>
|
|
色彩空间
|
|
</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link" href="逻辑运算.html"
|
|
style="font-size: 20px;background-image: linear-gradient(242deg, #0093E9 0%, #80D0C7 100%);">
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"
|
|
fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
|
|
stroke-linejoin="round" class="feather feather-layers">
|
|
<polygon points="12 2 2 7 12 12 22 7 12 2"></polygon>
|
|
<polyline points="2 17 12 22 22 17"></polyline>
|
|
<polyline points="2 12 12 17 22 12"></polyline>
|
|
</svg>
|
|
逻辑运算
|
|
</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link" href="算术运算.html"
|
|
style="font-size: 20px;background-image: linear-gradient(242deg, #0093E9 0%, #80D0C7 100%);">
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"
|
|
fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
|
|
stroke-linejoin="round" class="feather feather-layers">
|
|
<polygon points="12 2 2 7 12 12 22 7 12 2"></polygon>
|
|
<polyline points="2 17 12 22 22 17"></polyline>
|
|
<polyline points="2 12 12 17 22 12"></polyline>
|
|
</svg>
|
|
算数运算
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
|
|
|
|
<ul class="nav flex-column mb-2">
|
|
<li class="nav-item">
|
|
<a class="nav-link" href="低通滤波器.html"
|
|
style="font-size: 20px;background-image: linear-gradient(242deg, #0093E9 0%, #80D0C7 100%);">
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"
|
|
fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
|
|
stroke-linejoin="round" class="feather feather-layers">
|
|
<polygon points="12 2 2 7 12 12 22 7 12 2"></polygon>
|
|
<polyline points="2 17 12 22 22 17"></polyline>
|
|
<polyline points="2 12 12 17 22 12"></polyline>
|
|
</svg>
|
|
频域的平滑-低通滤波器
|
|
</a>
|
|
</li>
|
|
|
|
<li class="nav-item">
|
|
<a class="nav-link" href="高通滤波器.html"
|
|
style="font-size: 20px;background-image: linear-gradient(242deg, #0093E9 0%, #80D0C7 100%);">
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"
|
|
fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
|
|
stroke-linejoin="round" class="feather feather-layers">
|
|
<polygon points="12 2 2 7 12 12 22 7 12 2"></polygon>
|
|
<polyline points="2 17 12 22 22 17"></polyline>
|
|
<polyline points="2 12 12 17 22 12"></polyline>
|
|
</svg>
|
|
频域的锐化-高通滤波器
|
|
</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link" href="空域的平滑.html"
|
|
style="font-size: 20px;background-image: linear-gradient(242deg, #0093E9 0%, #80D0C7 100%);">
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"
|
|
fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
|
|
stroke-linejoin="round" class="feather feather-layers">
|
|
<polygon points="12 2 2 7 12 12 22 7 12 2"></polygon>
|
|
<polyline points="2 17 12 22 22 17"></polyline>
|
|
<polyline points="2 12 12 17 22 12"></polyline>
|
|
</svg>
|
|
空域的平滑
|
|
</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link" href="空域的锐化.html"
|
|
style="font-size: 20px;background-image: linear-gradient(242deg, #0093E9 0%, #80D0C7 100%);">
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"
|
|
fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
|
|
stroke-linejoin="round" class="feather feather-layers">
|
|
<polygon points="12 2 2 7 12 12 22 7 12 2"></polygon>
|
|
<polyline points="2 17 12 22 22 17"></polyline>
|
|
<polyline points="2 12 12 17 22 12"></polyline>
|
|
</svg>
|
|
空域的锐化
|
|
</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link" href="图像扩展缩放.html"
|
|
style="font-size: 20px;background-image: linear-gradient(242deg, #0093E9 0%, #80D0C7 100%);">
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"
|
|
fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
|
|
stroke-linejoin="round" class="feather feather-layers">
|
|
<polygon points="12 2 2 7 12 12 22 7 12 2"></polygon>
|
|
<polyline points="2 17 12 22 22 17"></polyline>
|
|
<polyline points="2 12 12 17 22 12"></polyline>
|
|
</svg>
|
|
图像扩展缩放
|
|
</a>
|
|
</li>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link" href="翻转.html"
|
|
style="font-size: 20px;background-image: linear-gradient(242deg, #0093E9 0%, #80D0C7 100%);">
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"
|
|
fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
|
|
stroke-linejoin="round" class="feather feather-layers">
|
|
<polygon points="12 2 2 7 12 12 22 7 12 2"></polygon>
|
|
<polyline points="2 17 12 22 22 17"></polyline>
|
|
<polyline points="2 12 12 17 22 12"></polyline>
|
|
</svg>
|
|
翻转
|
|
</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link" href="仿射变换.html"
|
|
style="font-size: 20px;background-image: linear-gradient(242deg, #0093E9 0%, #80D0C7 100%);">
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"
|
|
fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
|
|
stroke-linejoin="round" class="feather feather-layers">
|
|
<polygon points="12 2 2 7 12 12 22 7 12 2"></polygon>
|
|
<polyline points="2 17 12 22 22 17"></polyline>
|
|
<polyline points="2 12 12 17 22 12"></polyline>
|
|
</svg>
|
|
仿射变换
|
|
</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link" href="直方图.html"
|
|
style="font-size: 20px;background-image: linear-gradient(242deg, #0093E9 0%, #80D0C7 100%);">
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"
|
|
fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
|
|
stroke-linejoin="round" class="feather feather-layers">
|
|
<polygon points="12 2 2 7 12 12 22 7 12 2"></polygon>
|
|
<polyline points="2 17 12 22 22 17"></polyline>
|
|
<polyline points="2 12 12 17 22 12"></polyline>
|
|
</svg>
|
|
直方图
|
|
</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link" href="边缘检测.html"
|
|
style="font-size: 20px;background-image: linear-gradient(242deg, #0093E9 0%, #80D0C7 100%);">
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"
|
|
fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
|
|
stroke-linejoin="round" class="feather feather-layers">
|
|
<polygon points="12 2 2 7 12 12 22 7 12 2"></polygon>
|
|
<polyline points="2 17 12 22 22 17"></polyline>
|
|
<polyline points="2 12 12 17 22 12"></polyline>
|
|
</svg>
|
|
边缘检测
|
|
</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link" href="风格变换.html"
|
|
style="font-size: 20px;background-image: linear-gradient(242deg, #0093E9 0%, #80D0C7 100%);">
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"
|
|
fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
|
|
stroke-linejoin="round" class="feather feather-layers">
|
|
<polygon points="12 2 2 7 12 12 22 7 12 2"></polygon>
|
|
<polyline points="2 17 12 22 22 17"></polyline>
|
|
<polyline points="2 12 12 17 22 12"></polyline>
|
|
</svg>
|
|
风格迁移
|
|
</a>
|
|
</ul>
|
|
</div>
|
|
</nav>
|
|
|
|
|
|
<main role="main" class="col-md-9 ml-sm-auto col-lg-10 pt-3 px-4">
|
|
<div class="chartjs-size-monitor"
|
|
style="position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; overflow: hidden; pointer-events: none; visibility: hidden; z-index: -1;">
|
|
<div class="chartjs-size-monitor-expand"
|
|
style="position:absolute;left:0;top:0;right:0;bottom:0;overflow:hidden;pointer-events:none;visibility:hidden;z-index:-1;">
|
|
<div style="position:absolute;width:1000000px;height:1000000px;left:0;top:0"></div>
|
|
</div>
|
|
<div class="chartjs-size-monitor-shrink"
|
|
style="position:absolute;left:0;top:0;right:0;bottom:0;overflow:hidden;pointer-events:none;visibility:hidden;z-index:-1;">
|
|
<div style="position:absolute;width:200%;height:200%;left:0; top:0"></div>
|
|
</div>
|
|
</div>
|
|
<div class="d-flex justify-content-between flex-wrap flex-md-nowrap align-items-center pb-2 mb-3 border-bottom">
|
|
<h1 class="h2">欢迎使用数字图像处理系统</h1>
|
|
<div class="btn-toolbar mb-2 mb-md-0">
|
|
</div>
|
|
</div>
|
|
<canvas class="my-4 chartjs-render-monitor" id="myChart" width="1076" height="454"
|
|
style="display: block; width: 1076px; height: 454px;"></canvas>
|
|
</main>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Bootstrap core JavaScript
|
|
================================================== -->
|
|
<!-- Placed at the end of the document so the pages load faster -->
|
|
<script type="text/javascript" src="asserts/js/jquery-3.2.1.slim.min.js"></script>
|
|
<script type="text/javascript" src="asserts/js/popper.min.js"></script>
|
|
<script type="text/javascript" src="asserts/js/bootstrap.min.js"></script>
|
|
<!-- Icons -->
|
|
<script type="text/javascript" src="asserts/js/feather.min.js"></script>
|
|
<script>
|
|
feather.replace()
|
|
</script>
|
|
|
|
<!-- Graphs -->
|
|
<script type="text/javascript" src="asserts/js/Chart.min.js"></script>
|
|
|
|
|
|
</body>
|
|
|
|
</html> |