vue项目中使用词云_如何在vue项目中使用高拍仪

项目中使用到高拍仪，用来简单的拍照片上传。

开发完后，看了下网上都是怎么集成的，全是一个版本的良田高拍仪集成vue项目

把demo中的东西直接copy来，就用上了。

这样在原生h5项目中使用无可厚非，但是放到vue项目中，直接操作dom，还是不太习惯。

自己修改了下，顺便整理下过程。

最终效果如下：

image.png

首先安装驱动：

image.png

逐个安装，然后替换video.flt就是了。

连上高拍仪，demoOne走起，确认硬件没问题能用。 主要依赖的是qwebchannel.js。

image.png

既然要集成，首要任务就是引入qwebchannel.js，看了下代码，做的还是比较银杏的，输出了“QWebChannel”。可以直接用了。

image.png

拿来直接引入

import { QWebChannel } from '@/utils/qwebchannel.js'

布局修改