BootstrapBlazor.ImageHelper 0.0.7

.NET 6.0 
dotnet add package BootstrapBlazor.ImageHelper --version 0.0.7
NuGet\Install-Package BootstrapBlazor.ImageHelper -Version 0.0.7
This command is intended to be used within the Package Manager Console in Visual Studio, as it uses the NuGet module's version of Install-Package. 
<PackageReference Include="BootstrapBlazor.ImageHelper" Version="0.0.7" />
For projects that support PackageReference, copy this XML node into the project file to reference the package. 
paket add BootstrapBlazor.ImageHelper --version 0.0.7
#r "nuget: BootstrapBlazor.ImageHelper, 0.0.7"
#r directive can be used in F# Interactive and Polyglot Notebooks. Copy this into the interactive tool or source code of the script to reference the package. 
// Install BootstrapBlazor.ImageHelper as a Cake Addin
#addin nuget:?package=BootstrapBlazor.ImageHelper&version=0.0.7

// Install BootstrapBlazor.ImageHelper as a Cake Tool
#tool nuget:?package=BootstrapBlazor.ImageHelper&version=0.0.7

Blazor ImageHelper 图像助手 组件

Blazor WxQrCode 微信扫码 组件

基于OpenCV的Blazor组件

示例:

https://blazor.app1.es/ImageHelpers

https://blazor.app1.es/WxQrCodes

微信扫码是特别编译的opencv所以这两个页面打开请F5重新刷新加载库文件

使用方法:

1.nuget包

BootstrapBlazor.ImageHelper

2._Imports.razor 文件 或者页面添加 添加组件库引用

@using BootstrapBlazor.Components

3.razor页面

<ImageHelper />
<WxQrCode />

4.参数说明

类型 参数 说明 默认值
介绍

opencv.js是opencv利用了emscripten将原本的C++版本编译成了WebAssembly，让js可以直接调用C++版本的opencv方法

<p>这是c++的库转wasm(运行在客户端) ,当然ssr也能用, 语法全部用opencv的c++版本, 由于本人精力有限, 不能一一封装所有的功能, 欢迎有兴趣的小伙伴一起<a href="https://github.com/densen2014/BootstrapBlazor.ImageHelper">[参与项目]</a></p>

特别说明

OpenCV 深度神经网络（DNN）深度学习框架模型

因为模型比较大,请自行下载后放入wwwroot下的models\face文件夹中. 由于默认blazor并没有启用 .caffemodel和.pb文件的静态文件访问,为了简单起见,全都添加.txt后缀名.

image

OpenCV 为此面部检测器提供了两种模型：

参考资料:

  1. 人脸识别 https://docs.opencv.org/4.x/d2/d99/tutorial_js_face_detection.html

  2. 形状/轮廓的检测 https://oceanbloom.github.io/2021/10/12/%E3%80%90OpenCV%E5%85%A5%E9%97%A8%E3%80%91%E5%BD%A2%E7%8A%B6-%E8%BD%AE%E5%BB%93%E7%9A%84%E6%A3%80%E6%B5%8B/

  3. 图像处理 https://docs.opencv.org/4.x/d2/df0/tutorial_js_table_of_contents_imgproc.html

  4. 视频分析 https://docs.opencv.org/4.x/de/db6/tutorial_js_table_of_contents_video.html

  5. 物体检测 https://docs.opencv.org/4.x/dc/d73/tutorial_js_table_of_contents_objdetect.html

  6. 深度神经网络 https://docs.opencv.org/4.x/d0/db7/tutorial_js_table_of_contents_dnn.html

更新历史
Blazor 组件

条码扫描 ZXingBlazor nuget stats

图片浏览器 Viewer

手写签名 SignaturePad

定位/持续定位 Geolocation

屏幕键盘 OnScreenKeyboard

百度地图 BaiduMap

谷歌地图 GoogleMap

蓝牙和打印 Bluetooth

PDF阅读器 PdfReader

文件系统访问 FileSystem

光学字符识别 OCR

电池信息/网络信息 WebAPI

文件预览 FileViewer

视频播放器 VideoPlayer

图像裁剪 ImageCropper

条码生成器 BarcodeGenerator

图像助手 ImageHelper

AlexChow

今日头条 | 博客园 | 知乎 | Gitee | GitHub

Product Compatible and additional computed target framework versions.
.NET net6.0 is compatible.  net6.0-android was computed.  net6.0-ios was computed.  net6.0-maccatalyst was computed.  net6.0-macos was computed.  net6.0-tvos was computed.  net6.0-windows was computed.  net7.0 is compatible.  net7.0-android was computed.  net7.0-ios was computed.  net7.0-maccatalyst was computed.  net7.0-macos was computed.  net7.0-tvos was computed.  net7.0-windows was computed.  net8.0 is compatible.  net8.0-android was computed.  net8.0-browser was computed.  net8.0-ios was computed.  net8.0-maccatalyst was computed.  net8.0-macos was computed.  net8.0-tvos was computed.  net8.0-windows was computed. 
Compatible target framework(s)
Included target framework(s) (in package)
Learn more about Target Frameworks and .NET Standard.

NuGet packages

This package is not used by any NuGet packages.

GitHub repositories

This package is not used by any popular GitHub repositories.

Version Downloads Last updated
0.0.7 421 12/22/2023
0.0.5 109 12/17/2023
0.0.4 94 12/17/2023
0.0.2 87 12/15/2023
0.0.1 83 12/14/2023