AutoSvg

Autosvg is tracing tool, which can convert image format like (jpg,png,gif) into vector svg. You can check your result here (Live Demo)[https://autosvg.now.sh].

Results

Clipart tracing

Logo tracing

Image tracing

Building AutoSVG-WASM.js

Prerequisite

• cmake, boost, python

• MacOS

  > brew install cmake boost

Automatic Setup

> git submodule update --init

> sh build.sh

Manual Setup

#
# https://github.com/emscripten-core/emsdk.git
#
export EMSDK=< path to Emscripten SDK repo>
#
# https://github.com/opencv/opencv.git
#
export OPENCV_SDK=<path to opencv repo>
#
# https://github.com/dpilger26/NumCpp.git
#
export NUMCPP=<path to numcpp repo>

• Build Emscripten

  https://emscripten.org/docs/getting_started/downloads.html

• Build OpenCV WASM

cd $OPENCV_SDK
python ./platforms/js/build_js.py build_wasm --build_wasm
cd ../..

• Run cmake building script for emscripten tool chain via

  > cmake -DCMAKE_TOOLCHAIN_FILE=${EMSDK}/upstream/emscripten/cmake/Modules/Platform/Emscripten.cmake

• Run make command to complile source code and building WASM file.

  > make
  Scanning dependencies of target autosvg-wasm
  [ 25%] Building CXX object CMakeFiles/autosvg-wasm.dir/src/cpp/AutosvgWASM.cpp.o
  [ 50%] Building CXX object CMakeFiles/autosvg-wasm.dir/src/cpp/core/Operations.cpp.o
  [ 75%] Building CXX object CMakeFiles/autosvg-wasm.dir/src/cpp/utils/CurveUtils.cpp.o
  [100%] Linking CXX executable autosvg-wasm.js
  [100%] Built target autosvg-wasm 

• Copy wasm files to ui-app public folder.

  cp autosvg-wasm.* src/autosvg_ui/public

Running AutoSVG-UI

> cd src/autosvg_ui/ && npm install
> npm run start 

Contributors ✨

Thanks goes to these wonderful people (emoji key):

Abhas Tandon 💻

Prasoon 💻

This project follows the all-contributors specification. Contributions of any kind welcome!