opencv - 如何从 opencv.js 中找到角向量
问题描述
这是我的代码的一部分
export default class Comp extends Component {
onChange = async evt => {
const { files } = evt.target
const reader = new FileReader()
reader.onload = (e) => this.refs.preview.src = e.target.result
reader.readAsDataURL(files[0])
this.refs.preview.onload = () => {
let src = cv.imread(this.refs.preview)
let dst = new cv.Mat()
cv.cvtColor(src, src, cv.COLOR_RGB2GRAY, 0)
cv.threshold(src, src, 180, 300, cv.THRESH_BINARY)
let largest_area = 0
let largest_contour_index = 0
let dst1 = cv.Mat.zeros(src.rows, src.cols, cv.CV_8UC3)
let contours = new cv.MatVector()
let hierarchy = new cv.Mat()
cv.findContours(src, contours, hierarchy, cv.RETR_CCOMP, cv.CHAIN_APPROX_SIMPLE)
for (let i = 0; i < contours.size(); ++i) {
let color = new cv.Scalar(255, 0, 0)
let color2 = new cv.Scalar(0, 255, 0)
let area = cv.contourArea(contours.get(i))
if (area > largest_area) {
largest_area = area
largest_contour_index = i
cv.drawContours(dst1, contours, i, color, 5, cv.LINE_8)
}
}
cv.imshow('processed', dst1)
src.delete()
dst.delete()
dst1.delete()
}
}
render() {
return (
<div>
<form action="">
<input type="file" onChange={this.onChange} />
</form>
<div className='flex'>
<div className='flex-1'>
<img ref='preview' id='preview' style={{ width: '100%' }} />
</div>
<div className='flex-1'>
<canvas id='processed' />
<img ref='processed' style={{ width: '100%' }} />
</div>
</div>
</div>
)
}
}
结果就像
我想获取这些轮廓数据并进行透视变换,并将其保存到 db。
解决方案
我假设您使用的是 Java。我不是很好,我是 C++ 的核心,python 也可以。
无论如何,我会尽力提供帮助。
vector<vector<Point> > contours;
这是 C++ 中轮廓的原型。所以这意味着外面是轮廓的id,里面是坐标数组。例如,你想知道第一个轮廓,然后你可以找到
vector<Point> firstcontourcoord = contours.at(0);
那么里面的点就是你想要的点。所以继续寻找最大的轮廓ID。
在那之后你想改造,它需要更多的东西。
现在你应该已经声明了你想要的目标短号点位置,例如
var vv = cv.matFromArray( 4,3,cv.CV_32SC1,[
0,0,0,
0,210,0,
290,210,0,
290,0,0,
])
// sample A4 size
// 2D img coords from largest bounding countour. Example
var imageP = cv.matFromArray( 4,2,cv.CV_8S,[
292,272,
72,379,
487,530,
701,470,
])
然后您可以选择使用 3D 或 2D 变换。对于 3D 可视化/AR,其
var cm = new cv.Mat(3,3,cv.CV_32FC1,new cv.Scalar())
\\plz find it. this is just a sample. find camera matrix and do unistort
var rvec
var tvec
cv.solvePnP( vv, imageP, cm, new cv.Mat(), rvec, tvec, false, cv.SOLVEPNP_P3P )
然后你有矩阵。
然后应用变换。
因为但我认为你可能只是在做那些文书工作,你只需要 2D 转换,那么它就是
Mat H = Calib3d.findHomography( objMat, sceneMat, Calib3d.RANSAC, ransacReprojThreshold );
//-- Get the corners from the image_1 ( the object to be "detected" )
Mat objCorners = new Mat(4, 1, CvType.CV_32FC2), sceneCorners = new Mat();
float[] objCornersData = new float[(int) (objCorners.total() * objCorners.channels())];
objCorners.get(0, 0, objCornersData);
objCornersData[0] = 0;
objCornersData[1] = 0;
objCornersData[2] = imgObject.cols();
objCornersData[3] = 0;
objCornersData[4] = imgObject.cols();
objCornersData[5] = imgObject.rows();
objCornersData[6] = 0;
objCornersData[7] = imgObject.rows();
objCorners.put(0, 0, objCornersData);
Core.perspectiveTransform(objCorners, sceneCorners, H);
float[] sceneCornersData = new float[(int) (sceneCorners.total() * sceneCorners.channels())];
sceneCorners.get(0, 0, sceneCornersData);
DB 我不是很熟悉。我只擅长基于旧 C# .net 的方法。别人从来不碰。但是一旦你有了图像,只需在数据库中推送你的图像。应该没有太大问题。
编辑#你可以点击下面的链接为你实现
选择 Java 版本
https://docs.opencv.org/3.4/df/d0d/tutorial_find_contours.html
https://docs.opencv.org/3.4/d7/dff/tutorial_feature_homography.html
你只需要从这两个链接中复制代码。你很高兴。Java是最乏味的方式。个人而言,C++ 或 python 是更好的选择
推荐阅读
- apache - GCP 负载平衡(HTTPS 上的“内部”流量)
- amp-html - 将多个 AMP-State 输入加入到动态 AMP-Carousel 的过滤器中?
- c++ - 外部库中对“SDL_Init”的未定义引用
- performance - Julia 从标准正态分布中绘图
- url-rewriting - kubernetes 入口 nginx 重写部分工作 - 有时错误的上下文路径
- python - 一步一步的 tkinter GUI 布局
- c# - 如何从 Auth0 获取 Bearer 令牌以在集成测试中模拟测试用户?
- powershell - Powershell - 在函数内设置变量而不是全局设置?
- c# - Unity对象不旋转到鼠标位置
- r - 在 Shiny 中渲染带有图像的 Kable 表