Merge pull request #5 from wangqunbaidu/master

[d][change]mobileNet v2

Merge pull request #5 from wangqunbaidu/master
[d][change]mobileNet v2
af4e9f7d · wangqun · GitHub · 340e3b85 · 250119d9 · af4e9f7d
隐藏空白更改
内联并排

Showing with 57 addition and 5 deletion

README_cn.md README_cn.md +1 -1

examples/mobileNet/index.html examples/mobileNet/index.html +56 -4

未找到文件。
--- a/README_cn.md
+++ b/README_cn.md
@@ -87,7 +87,7 @@ let result = await inst.read();

 模型转换器需要输入一个Paddle格式的model，可以是Paddle Hub中的model，运行转换器将会得到paddle.js的JSON格式model。

-## eb友好的model格式
+## Web友好的model格式

 上面的转换脚本生成两种类型的文件：


--- a/examples/mobileNet/index.html
+++ b/examples/mobileNet/index.html
@@ -3,12 +3,64 @@
    <head>
        <meta charset="utf-8">
        <title>paddle web 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>
+            p {
+                display: block;
+                margin-block-start: 1em;
+                margin-block-end: 1em;
+                margin-inline-start: 0;
+                margin-inline-end: 0;
+            }
+            #uploadImg {
+                border: solid 1px #808080;
+                width: 100%;
+                padding: 10px;
+                background-color: #cabfbf;
+                color: #FFF;
+                font-size: 16px;
+            }
+            p.section-head {
+                font-variant: small-caps;
+                text-transform: uppercase;
+                letter-spacing: .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 {
+                position: relative;
+            }
+            #image {
+                width: 100%;
+            }
+            #myDiv {
+                position: absolute;
+                border: 1px solid #F00;
+                box-sizing: border-box;
+            }
+        </style>
    </head>
    <body>
-        <img id="image" src="https://m.baidu.com/se/static/img/iphone/logo.png" style="max-width: 100%;">
-        <input type="file" id="uploadImg">
-        <div id="txt"></div>
+        <section class="title-area">
+            <h1>Paddle.js: Using a pretrained mobileNet V2</h1>
+        </section>
+
+        <section>
+            <p class="section-head">Description</p>
+            <p>
+                Please upload a picture to experience online classification.
+            </p>
+        </section>
+        <section>
+            <img id="image" src="https://m.baidu.com/se/static/img/iphone/logo.png" style="max-width: 100%;">
+            <input type="file" id="uploadImg">
+            <div id="txt"></div>
+        </section>
        <script src="index.es6"></script>
    </body>
 </html>
\ No newline at end of file