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

最新推荐文章于 2021-03-19 16:08:27 发布
最新推荐文章于 2021-03-19 16:08:27 发布
阅读量645 收藏 2
点赞数 1
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zhangzhifu2019/article/details/105898528
版权
本文介绍如何利用TensorFlow.js将手写字识别项目部署到网上，涉及深度学习、TensorFlow训练流程和JavaScript知识。首先，在本地创建项目文件夹并设置HTML、data.js和script.js文件。mnist.html包含展示页面的元素，如按钮和画布。data.js负责下载和处理训练数据。
摘要由CSDN通过智能技术生成

需要的知识
深度学习，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<
最低0.47元/天 解锁文章
张知府
关注
  • 1
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
用tensorflow.js把手写字识别项目部署到网上（二）
zhangzhifu2019的博客
05-03 333
data.js代码如下 包括，在网上下载mnist数据集，自定义一个MnistData类，并且重写了nextBatch方法，方便训练时候批量取数据 const IMAGE_SIZE = 784; const NUM_CLASSES = 10; const NUM_DATASET_ELEMENTS = 65000; const TRAIN_TEST_RATIO = 5 / 6; const NU...
用tensorflow.js把手写字识别项目部署到网上（四）
zhangzhifu2019的博客
05-03 441
代码部分写好了，轮到部署环节了。打开Web Server for Chrome，把最开始新建的文件夹Examples设为你要对外开放的路径。 服务器Web Server 会自动生成一个URL 用Chrome打开这URL，浏览器会呈现三个文件。点击主文件mnist.html 奇迹发生了。浏览器左边出现有画布，右边开始呈现训练的过程。 等训练完成。提示你在左边的画布上写数字了。模型自动推断你写的是...
使用Flask以Web方式部署TensorFlow模型
flyfish
07-30 7919
使用Flask以Web方式部署TensorFlow模型 flyfish 目的：可以通过浏览器访问服务，上传一个图片，然后服务器能够返回已经检测完成的图片或者json字符串 浏览器可以看到检测完成的图片 源码地址： https://github.com/shaoshengsong/TensorFlow_Flask 把两个代码文件放到tensorflow/models/research/object_...
python tensorflow web_将训练好的Tensorflow模型部署到web应用中
weixin_39979948的博客
12-10 565
做一个简易web使用Flask是最好的选择，不仅上手快，使用也很便利。Django很强大也很好用，但一次就会创建一个项目的所需的文件，我觉得对于测试一个模型在web端有没有效果没必要用它。flask依赖jinja和werkzeug，所以再稍微学一点jinja的语法即可。关于TensorFlow如何保存/加载模型就不多说了(或者可以直接使用TensorFlow.js，但我用npm一直安装出错，遂放弃...
deploy-web：部署Web tensorflow.js
02-20
部署网络 部署Web tensorflow.js
使用tensorflow实现对手写字(MNIST)的AutoEncoder.py
06-01
使用tensorflow实现对手写字(MNIST)的AutoEncoder.py
E写字板.zip易语言项目例子源码下载
03-21
在E写字板项目中，字符串类型的使用尤为频繁，因为涉及到大量文字处理。 2. **窗口组件与事件处理**：易语言支持丰富的窗口组件，如文本框、按钮等。这些组件都有相应的事件，如点击事件、键盘事件等。E写字板的...
格式文本写字板.zip易语言项目例子源码下载
03-22
"格式文本写字板"是一个基于易语言编写的项目，它提供了对格式化文本编辑的功能，对于学习易语言、提升编程技能以及进行相关项目开发具有很高的参考价值。本文将深入探讨该项目的源码结构、主要功能以及其在实际应用...
行业文档-设计装置-一种写字笔.zip
08-30
标题中的“行业文档-设计装置-一种写字笔.zip”...通过以上知识点，我们可以看出“行业文档-设计装置-一种写字笔.zip”是一个综合性的设计项目，涵盖了多领域的知识和技术，旨在创造一个既实用又有创新性的书写工具。
行业文档-设计装置-一种写字台.zip
09-09
标题中的“行业文档-设计装置-一种写字台.zip”表明这是一个关于特定行业的设计装置，具体是针对写字台的设计。从描述中我们再次确认了这一点，它是一个关于写字台设计的文档压缩包。标签同样强调了这是行业文档，...
tensorflow ocr 识别
08-31
tensorflow ocr 识别，人工智能，数据就是一个文件夹，下面有各种图片，然后运行
tensorflowjs的mnist数字识别模型文件
11-06
实例代码使用，其中输入包含数字矩阵，和keepprob import * as tf from '@tensorflow/tfjs'; import {loadFrozenModel} from '@tensorflow/tfjs-converter'; const MODEL_DIR = './static/tfjsmodel/'; const MODEL_URL = 'tensorflowjs_model.pb'; const WEIGHTS_URL = 'weights_manifest.json'; this.model = await tf.loadFrozenModel( MODEL_DIR + MODEL_URL, MODEL_DIR + WEIGHTS_URL); let x = tf.tensor(this.img, [1, 28, 28, 1]) x.print() console.log(this.img) let p = this.model.predict({ "Placeholder": x, "Placeholder_2": tf.scalar(1.), }) p.print() console.log(p) let ctx = document.getElementById('num') tf.toPixels(tf.tensor(this.img, [28, 28, 1]), ctx) this.num = p.dataSync()[0]
行业文档-设计装置-一种写字用小拇指套.zip
08-30
标题中的“行业文档-设计装置-一种写字用小拇指套”揭示了这是一个关于创新设计的文档，特别是聚焦在一种用于写字辅助的小拇指套。这种装置可能是为了帮助改善人们的书写姿势，减少手部疲劳，或者针对特定人群如手部...
识别蓝颜色并且还可以写字AForge（C#代码）.rar
04-04
【标题】：“识别蓝颜色并且还可以写字AForge（C#代码）.rar”指的是一个使用AForge.NET框架的C#编程项目，该项目主要功能是实现蓝色物体的识别以及在图像上写字的功能。 【描述】：“识别蓝颜色并且还可以写字...
python tensorflow web_踩坑踩坑之Flask+ uWSGI + Tensorflow的Web服务部署
weixin_39895995的博客
12-10 412
一、简介作为算法开发人员，在算法模块完成后，拟部署Web服务以对外提供服务，从而将算法模型落地应用。本文针对首次基于Flask + uWSGI + Tensorflow + Nginx部署Web服务时可能会遇到的问题进行简要分析，并提供解决方案，以供大家参考。二、环境介绍OS：CentOS 7.0, 内存：16G，系统盘：40G，无挂载盘。备注：本文作者因环境资源的限制，踩过环境的坑，故此对系统配...
使用Colab训练NN模型并利用Tensorflow.js部署网页应用
Test_tju的博客
03-19 638
首先附上原文链接：如何利用TensorFlow.js部署简单的AI版「你画我猜」图像识别应用 本文创建了一个简单的工具来识别手绘图像，并且输出当前图像的名称。该应用无需安装任何额外的插件，可直接在浏览器上运行。作者使用谷歌 Colab 来训练模型，并使用 TensorFlow.js 将它部署到浏览器上。 代码和 demo demo 地址：https://zaidalyafeai.github.io/sketcher/ 代
用tensorflow.js把手写字识别项目部署到网上（三）
zhangzhifu2019的博客
05-03 364
script.js处理训练和推理相关过程代码，而且还包括训练和推理的可视化 import {MnistData} from './data.js'; var canvas, ctx, saveButton, clearButton; var pos = {x:0, y:0}; var rawImage; var model; function getModel() { model = tf....
TensorFlow CTPN文字定位与识别
baidu_33512336的博客
04-22 841
前言环境搭建运行中的问题拓展 本仅包含初级阶段如何有效运行Demo，下篇文章将会介绍如何训练模型。 基本步骤环境搭建运行中的问题拓展 环境搭建 1.python3.6 2.tensorflow 3.CTPN源码 下载地址: https://github.com/eragonruan/text-detection-ctpn/releases 解压源码，一个是已经训练好的模型。 运行中的问题 使用P...
three.js 如何写字
最新发布
08-15
下面是一个简单的示例代码，展示了如何在 Three.js 中写字： ```javascript // 创建场景 var scene = new THREE.Scene(); // 创建相机 var camera = new THREE.PerspectiveCamera(75, window.innerWidth / window....
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值