从实时相机预览中获取特定像素的颜色 - 离子

Question

我正在尝试重新创建类似于此的功能: 使用离子.

屏幕截图演示了实时摄像机预览中的内部圆圈,它可以抓取颜色以及显示当前正在查看的像素颜色的外部圆圈.

我有实时相机预览使用叠加,但我不知道从屏幕上的特定位置抓取颜色从哪里开始.

我知道你可以拍照并抓住那种颜色,但这不是我追求的功能,我正在寻找能让我实时看到结果的东西.

可以实现此功能吗？如果是这样,我该怎么做？

Answer 1

这个功能可以实现吗？如果是这样，我该怎么做？

我在我的申请中遇到了类似的情况，所以认为这会有所帮助。

我正在创建一个 Cordova-Angular 混合应用程序用于实时图像处理：

1. 打开前置摄像头并显示摄像头前面的不同物体。

2. 如果在字典中找到对象，则显示成功消息并停止预览。

步骤如下：

1. 创建了新的Cordova 插件，可以在预览模式下启动相机。要获取预览的当前图像，您需要重写onPreviewFrame方法。

2. 获取图像的缓冲区并对其进行转换并匹配。

3. 根据成功/失败调用回调方法。

现在我认为在你的情况下，步骤 1 将与一些额外的步骤相同。

1. 创建新的Cordova 插件，该插件将以预览模式启动相机。要获取预览的当前图像，您需要重写onPreviewFrame方法。

2. 重写onTouchEvent方法来计算 ImageView 内的点，同时计算onPreviewFrame方法内帧的像素。

3. 获得结果后，只需用结果更新视图即可。

另外，我认为这个离子应用程序的主要部分仍然是本机的。Cordova 只会做桥接。

参考：

1. http://topandroidphones1.blogspot.com/2012/04/get-color-on-specified-location-from.html

2. OnPreviewFrame数据图像到imageView

3. 获取android中imageview内的触摸位置

4. 如何在 Android 中获取像素颜色

5. 使用 PreviewCallback 捕获相机预览