您的位置：首页 > Web前端 > JavaScript

用tensorflow.js把手写字识别项目部署到网上（一）

2020-06-03 05:03 295 查看

需要的知识
深度学习，tensorflow训练过程，javascript相关知识

需要的平台支持
Chrome浏览器，Web Server for Chrome，一个编辑HTML的工具（我用的是VS code）

一，
在电脑某盘新建文件夹Examples作为项目，用VScode打开项目，新建三个文件，分别为mnist.html, data.js, script.js

其中mnist.html如下，作为呈现页面，包括，两个按钮和一个放置图片的画布。

<html>
<head>
<script src="https://cdn.jsdelivr.net/npm/@tensorflow/tfjs@latest"></script>
<script src="https://cdn.jsdelivr.net/npm/@tensorflow/tfjs-vis"></script>

</head>
<body>
<h1>Handwriting Classifier!</h1>
<canvas id="canvas" width="280" height="280" style="position:absolute;top:100;left:100;border:8px solid;"></canvas>
<img id="canvasimg" style="position:absolute;top:10%;left:52%;width=280;height=280;display:none;">
<input type="button" value="classify" id="sb" size="48" style="position:absolute;top:400;left:100;">
<input type="button" value="clear" id="cb" size="23" style="position:absolute;top:400;left:180;">
<script src="data.js" type="module"></script>
<script src="script.js" type="module"></script>
</body>
</html>

第二个文件data.js的功能包括下载训练手写字数据，打包处理，

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航