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>
.image-wrap { p {
position: relative; display: block;
} margin-block-start: 1em;
#myDiv { margin-block-end: 1em;
position: absolute; margin-inline-start: 0px;
border: 1px solid red; margin-inline-end: 0px;
box-sizing: border-box; }
} #uploadImg {
</style> border: solid 1px gray;
</head> width: 100%;
<body> padding: 10px;
<div class="image-wrap"> background-color: #cabfbf;
<img id="mobilenet" /> color: white;
</div> font-size: 16px;
<p>原图片</p> }
<div class="image-wrap"> p.section-head {
<img id="image" src=""/> font-variant: small-caps;
<div id="myDiv"></div> text-transform: uppercase;
</div> letter-spacing: 0.17em;
<p>画布</p> line-height: 1.2em;
<canvas id="myCanvas"></canvas> font-weight: 500;
<br/> margin-top: 2em;
<input type="file" id="uploadImg"/> margin-bottom: 1em;
<div id="txt"></div> border-left: 1px solid #EF6C00;
padding-left: 24px;
color: #818181;
}
.image-wrap {
position: relative;
}
#myDiv {
position: absolute;
border: 1px solid red;
box-sizing: border-box;
}
</style>
</head>
<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">
<img id="mobilenet" />
</div>
<p>原图片</p>
<div class="image-wrap">
<img id="image" src=""/>
<div id="myDiv"></div>
</div>
<p>画布</p>
<canvas id="myCanvas"></canvas>
<br/>
<input type="file" id="uploadImg"/>
<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.
先完成此消息的编辑！
想要评论请 注册 或