Skip to content

P
Paddle-Lite

PaddlePaddle / Paddle-Lite

通知 338
Star 4
Fork 1
P
Paddle-Lite
提交 226571a0 编写于 作者: W wangqun
浏览文件
操作

[change]examples tinyYolo style 

[change]examples tinyYolo style
上级 21e8aeb4
显示空白变更内容
内联 并排
Showing with 78 addition and 30 deletion
web/examples/tinyYolo/index.html
浏览文件 @ 226571a0
<!DOCYTPE html> <!DOCYTPE html>
<html> <html>
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<title>paddle web demo</title> <title>paddleJS demo</title>
<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"> <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no,initial-scale=1,viewport-fit=cover">
<style> <style>
p {
display: block;
margin-block-start: 1em;
margin-block-end: 1em;
margin-inline-start: 0px;
margin-inline-end: 0px;
}
#uploadImg {
border: solid 1px gray;
width: 100%;
padding: 10px;
background-color: #cabfbf;
color: white;
font-size: 16px;
}
p.section-head {
font-variant: small-caps;
text-transform: uppercase;
letter-spacing: 0.17em;
line-height: 1.2em;
font-weight: 500;
margin-top: 2em;
margin-bottom: 1em;
border-left: 1px solid #EF6C00;
padding-left: 24px;
color: #818181;
}
.image-wrap { .image-wrap {
position: relative; position: relative;
} }
...@@ -14,8 +42,22 @@ ...@@ -14,8 +42,22 @@
box-sizing: border-box; box-sizing: border-box;
} }
</style> </style>
</head> </head>
<body> <body>
<div class="pdjs-example-container">
<section class="title-area">
<h1>Paddle.js: Using a pretrained tinyYolo</h1>
</section>
<section>
<p class="section-head">Description</p>
<p>
Please upload a picture with face.
</p>
</section>
<section>
<p class="section-head">Model Output</p>
<div class="image-wrap"> <div class="image-wrap">
<img id="mobilenet" /> <img id="mobilenet" />
</div> </div>
...@@ -30,7 +72,13 @@ ...@@ -30,7 +72,13 @@
<input type="file" id="uploadImg"/> <input type="file" id="uploadImg"/>
<div id="txt"></div> <div id="txt"></div>
</section>
</div>
</body> </body>
<script src="index.es6"></script> <script src="index.es6"></script>
</html> </html>
Markdown is supported
0% 或 .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑！
想要评论请 注册 或