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!

jwoo92/autosvg