Question

因此，我尝试将Emscripten移植到WebAssembly（wasm）程序中，该程序的开头包含以下内容：

#include <Eigen/Geometry>
#include <boost/filesystem.hpp>
#include <dvo/core/intrinsic_matrix.h>
#include <dvo/core/surface_pyramid.h>
#include <dvo/dense_tracking.h>
#include <fstream>
#include <iostream>
#include <opencv2/opencv.hpp>

为了轻松开始，我尝试编译一个最小的Hello World OpenCV程序：

#include <opencv2/opencv.hpp>
#include <stdio.h>
using namespace cv;
int main(int argc, char **argv) {
  Mat M(2, 2, CV_8UC3, Scalar(0, 0, 255));
  std::cout << "M = " << std::endl << " " << M << std::endl;
  return 0;
}

我有以下CMakeLists.txt：

cmake_minimum_required(VERSION 2.8)
project( DisplayImage )
find_package( OpenCV REQUIRED PATHS third-party/opencv-4.1.0/build_wasm NO_DEFAULT_PATH)
include_directories( ${OpenCV_INCLUDE_DIRS} )
add_executable( hello hello.cpp )
target_link_libraries( hello ${OpenCV_LIBS} )

third-party/opencv-4.1.0/build_wasm所在的文件夹是我使用以下命令在wasm（cf doc）中构建OpenCV的文件夹：

python ./platforms/js/build_js.py build_wasm --build_wasm

现在，当我在项目上运行emconfigure cmake ..时，找不到OpenCV（“找不到软件包配置...”）。我做错了，但是我不知道怎么办。不幸的是，有关使用带有cmake和依赖项的emscripten的文档并未详细介绍。也许这个问题是OpenCV特有的，我不知道。

编辑

完全错误：

 ~/t/w/w/build  emconfigure cmake ..                                                  ven. 26 avril 2019 16:01:00 CEST
CMake Error at CMakeLists.txt:5 (find_package):
  Could not find a package configuration file provided by "OpenCV" with any
  of the following names:

    OpenCVConfig.cmake
    opencv-config.cmake

  Add the installation prefix of "OpenCV" to CMAKE_PREFIX_PATH or set
  "OpenCV_DIR" to a directory containing one of the above files.  If "OpenCV"
  provides a separate development package or SDK, be sure it has been
  installed.


-- Configuring incomplete, errors occurred!
See also "/home/matthieu/temp/wasm/wasm-opencv/build/CMakeFiles/CMakeOutput.log".
shared:ERROR: Configure step failed with non-zero return code: 1.  Command line: cmake -DCMAKE_CROSSCOMPILING_EMULATOR="/home/matthieu/programs/emsdk/node/8.9.1_64bit/bin/node" .. -DCMAKE_TOOLCHAIN_FILE=/home/matthieu/programs/emsdk/emscripten/1.38.30/cmake/Modules/Platform/Emscripten.cmake at /home/matthieu/temp/wasm/wasm-opencv/build

CMakeFiles/CMakeOutput.log的内容：

The target system is: Emscripten - 1 - x86
The host system is: Linux - 4.19.36-1-lts - x86_64

Answer 1

所以我终于设法用cmake编译了示例。但是，这很丑陋，因为我手动添加了包含GLOB的包含和库。我希望OpenCV在将库构建为wasm时，将提供一个OpenCVConfig.cmake文件，其中所有依赖项设置均已完成。定位wasm时，可以使用经典的${OpenCV_INCLUDE_DIRS}和${OpenCV_LIBS}。

cmake_minimum_required( VERSION 3.1 )
set( CMAKE_CXX_STANDARD 11 )
project( HelloCV )

# Does not work
# find_package( OpenCV REQUIRED PATHS third-party/opencv-4.1.0/build_wasm NO_DEFAULT_PATH)

# Needed for opencv2/opencv.hpp
include_directories( third-party/opencv-4.1.0/include )

# Needed by opencv.hpp for opencv2/opencv_modules.hpp
include_directories( third-party/opencv-4.1.0/build_wasm )

# Needed by opencv_modules.hpp for every module
file( GLOB opencv_include_modules "third-party/opencv-4.1.0/modules/*/include" )
include_directories( ${opencv_include_modules} )

# Our hello world executable
add_executable( hello hello.cpp )

# Link to opencv.js precompiled libraries
file( GLOB opencv_js "third-party/opencv-4.1.0/build_wasm/lib/*.a" )
target_link_libraries( hello ${opencv_js} )

当使用emscripten编译为WebAssembly时，此方法效果很好：

~/t/e/o/build  emconfigure cmake -DCMAKE_BUILD_TYPE=Release ..
...
~/t/e/o/build  emmake make
...
~/t/e/o/build  node hello.js
M =
 [  0,   0, 255,   0,   0, 255;
   0,   0, 255,   0,   0, 255]

我当前的CMakeLists.txt的一个令人烦恼的问题是，它无法在本地（仅wasm）中成功编译。如果您有一个更好的cmake配置，则可以轻松更改目标（x86或emscripten），请分享您的答案。

Answer 2

如果您的项目在源文件数量方面不是太大，则最好使用 emscripten 而不使用 cmake。这是一个对我有用的命令示例：

emcc latuile.cpp binpack.cpp compact_frame.cpp compact_rectangles.cpp fit_together.cpp KMeansRexCore.cpp MPD_Arc.cpp MyRect.cpp optimize_rectangle_positions.cpp permutation.cpp stair_steps.cpp swap_rectangles.cpp WidgetContext.cpp FunctionTimer.cpp -o latuile.js -I/usr/include/eigen3 -Wno-c++11-narrowing -s EXPORTED_FUNCTIONS='["_latuile"]' -s EXPORTED_RUNTIME_METHODS='["ccall","cwrap"]' -s ALLOW_MEMORY_GROWTH=1

使用 cmake 时，我遇到了和你一样的错误，所以我选择了这条路线，不再浪费太多时间。

我刚刚从我的 cmake 中复制了 cpp 文件列表。请注意 EXPORTED_FUNCTIONS='["_latuile"]' 而EXPORTED_RUNTIME_METHODS='["ccall","cwrap"]' 和 -s ALLOW_MEMORY_GROWTH=1 选项。我不知道你会如何将所有这些都输入到 cmake 中......

如何将带有cmake的emscripten用于项目依赖项？

2 个答案: