p_ml.html 1.27 KB
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=<sc>, initial-scale=1.0">
    <link rel="Stylesheet" href="../../assets/css/p_ml.css">
    <script src="https://kit.fontawesome.com/e6f667a852.js" crossorigin="anonymous"></script>
    <title>Photo Analysis by Google vision api</title>
</head>
<body>
<div class="all">
    <div class="top">
        <div class="title">
            <img src="../../assets/img/analysis.png" onclick="history.go(-1)" class="float_left" title="Back to photo menu">
        </div>
        <div id="btn_area">
            <p ><button id="start">Start Analysis</button></p>
            <p ><button id="next">Back to all photos</button></p>
        </div>
    </div>
    <div class ="chart_cont">
        <div class="chart-container">
            <canvas id="chart"></canvas>
        </div>
    </div>
    
    <div id="content">
        <h1 style="margin-top:250px; color:dimgray; text-align: center;">"Start Analysis" 버튼을 눌러 사진 분석을 시작하세요</h1>
        <h2 style="color:dimgray; text-align: center;">(시간이 다소 소요될 수 있습니다)</h2>
    </div>
</div>
    <script src="https://cdn.jsdelivr.net/npm/chart.js@2.8.0"></script>
    <script src="p_ml.js"></script>
</body>
</html>