利用tensorflow.js在线实现图像要素识别提取

什么是Tensorflow.js？

TensorFlow.js是一个开源的基于硬件加速的JavaScript库，用于训练和部署机器学习模型。谷歌推出的第一个基于TensorFlow的前端深度学习框架TensorFlow.js 是一个开源的用于开发机器学习项目的 WebGL-accelerated JavaScript 库。TensorFlow.js 可以为你提供高性能的、易于使用的机器学习构建模块，允许你在浏览器上训练模型，或以推断模式运行预训练的模型。TensorFlow.js 不仅可以提供低级的机器学习构建模块，还可以提供高级的类似 Keras 的 API 来构建神经网络。

Tensorflow.js的优点：

1）不用安装驱动器和软件，通过链接即可分享程序

2）网页应用交互性更强

3）有访问GPS，Camera，Microphone，Accelerator，Gyroscope等传感器的标准api（主要是指手机端）

4）安全性，因为数据都是保存在客户端的

本文使用TensorFlow.js实现任意图片中主要要素的识别提取：

代码如下：

index.html

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Title</title><!-- Load TensorFlow.js. This is required to use coco-ssd model. --><script src="tfjs.js"></script><!-- Load the coco-ssd model. --><script src="coco-ssd.js"></script>
</head>
<body>
<!-- Replace this with your image. Make sure CORS settings allow reading the image! -->
<div><img id="img" src="57410e4667f97362aa44af920924938c.jpeg"/>
</div><div><textarea id="result" style="width:500px;min-height: 300px;"></textarea>
</div><!-- Place your code in the script tag below. You can also use an external .js file -->
<script>// Notice there is no 'import' statement. 'cocoSsd' and 'tf' is// available on the index-page because of the script tag above.const img = document.getElementById('img');// Load the model.cocoSsd.load().then(model => {// detect objects in the image.model.detect(img).then(predictions => {console.log('Predictions: ', predictions);var resultStr = "";for (var item of predictions) {resultStr += "\n检测到：" + item.class + " ,概率：" + item.score + "\n";resultStr += "区域：" + item.bbox + "\n";}document.getElementById('result').value = resultStr;});});
</script>
</body>
</html>

效果：

在线演示地址利用tensorflow.js实现图像在线要素识别，可识别大部分物体，并输出结果 (mubanmao.top)http://mubanmao.top/content/preview?id=f949afd8-973c-461a-bfd6-c2365fe207a0

利用tensorflow.js在线实现图像要素识别提取相关推荐

绒毛动物探测器：通过TensorFlow.js中的迁移学习识别浏览器中的自定义对象
目录起点 MobileNet v1体系结构上的迁移学习修改模型训练新模式运行物体识别终点线下一步是什么?我们可以检测到脸部吗? 下载TensorFlowJS-Examples-master ...
使用Colab训练NN模型并利用Tensorflow.js部署网页应用
首先附上原文链接:如何利用TensorFlow.js部署简单的AI版「你画我猜」图像识别应用本文创建了一个简单的工具来识别手绘图像,并且输出当前图像的名称.该应用无需安装任何额外的插件,可直接在浏览 ...
如何利用TensorFlow.js部署简单AI版「你画我猜」
选自Medium,作者:Zaid Alyafeai,机器之心编译,参与:Geek AI.路. 本文创建了一个简单的工具来识别手绘图像,并且输出当前图像的名称.该应用无需安装任何额外的插件,可直接在浏览 ...
如何利用TensorFlow.js部署简单的AI版「你画我猜」图像识别应用
选自Medium,作者:Zaid Alyafeai,机器之心编译,参与:Geek AI.路. 本文创建了一个简单的工具来识别手绘图像,并且输出当前图像的名称.该应用无需安装任何额外的插件,可直接在浏览 ...
如何利用Tensorflow和OpenCV构建实时对象识别程序？
点击上方"小白学视觉",选择加"星标"或"置顶" 重磅干货,第一时间送达引言在本文中,将逐步介绍如何使用Tensorflow(TF)的新 ...
利用pdf.js在线展示PDF文档
在Web项目中,经常需要在浏览器端展示PDF文档,本文通过一个简单的小例子,简述pdf.js的简单使用,仅供学习分享使用,如有不足之处,还请指正. pdf.js下载 pdf.js是一个通用的.基于we ...
pdf和图像文字识别提取工具
在线ocr转换: http://www.onlineocr.net/ http://www.ocrconvert.com/ http://cn.diywz.com/OCR/ 推荐:http://www ...
Python 图像文字识别提取的两种简单方案(Windows)
百度文字识别API参考:https://www.jianshu.com/p/816cc6ef571b 本地tesseract_ocr参考:https://blog.csdn.net/jclian91/ ...
TensorFlow.js实现商标识别
在VsCode中利用TensorFlow.js结合迁移学习实现商标识别. 一.加载商标数据并可视化数据保存在data文件夹下面,需要先在data文件夹下创建一个静态服务器,用于加载图片. http- ...

利用tensorflow.js在线实现图像要素识别提取

利用tensorflow.js在线实现图像要素识别提取相关推荐

最新文章

热门文章