diff --git a/README.md b/README.md
index ba4618ce..b5d63046 100644
--- a/README.md
+++ b/README.md
@@ -167,6 +167,10 @@ Note that these examples are required EFL `elementary` package for launching. If
#include "tvgPaint.h"
#include "tvgLoaderMgr.h"
diff --git a/src/loaders/svg/tvgSvgPath.cpp b/src/loaders/svg/tvgSvgPath.cpp
index 9163d1ab..45ed8346 100644
--- a/src/loaders/svg/tvgSvgPath.cpp
+++ b/src/loaders/svg/tvgSvgPath.cpp
@@ -21,6 +21,8 @@
*/
#include
#include
+#include
+#include
#include "tvgSvgPath.h"
static char* _skipComma(const char* content)
diff --git a/src/loaders/svg/tvgSvgSceneBuilder.cpp b/src/loaders/svg/tvgSvgSceneBuilder.cpp
index 5ba194e5..3ee075f4 100644
--- a/src/loaders/svg/tvgSvgSceneBuilder.cpp
+++ b/src/loaders/svg/tvgSvgSceneBuilder.cpp
@@ -20,6 +20,7 @@
* SOFTWARE.
*/
#include
+#include
#include "tvgSvgSceneBuilder.h"
#include "tvgSvgPath.h"
diff --git a/src/meson.build b/src/meson.build
index 8741ef28..7e19d039 100644
--- a/src/meson.build
+++ b/src/meson.build
@@ -34,6 +34,16 @@ thorvg_dep = declare_dependency(
link_with : thorvg_lib
)
+if (cc.get_id() == 'emscripten')
+
+ subdir('wasm')
+
+ executable('thorvg-wasm',
+ [],
+ dependencies : [thorvg_dep, thorvg_wasm_dep],
+ )
+endif
+
pkg_mod = import('pkgconfig')
pkg_mod.generate(
diff --git a/src/wasm/meson.build b/src/wasm/meson.build
new file mode 100644
index 00000000..61bddc47
--- /dev/null
+++ b/src/wasm/meson.build
@@ -0,0 +1,5 @@
+source_file = files('thorvgwasm.cpp')
+
+ thorvg_wasm_dep = declare_dependency(include_directories
+ : include_directories('.'), sources
+ : source_file)
diff --git a/src/wasm/thorvgwasm.cpp b/src/wasm/thorvgwasm.cpp
new file mode 100644
index 00000000..d227cb0d
--- /dev/null
+++ b/src/wasm/thorvgwasm.cpp
@@ -0,0 +1,189 @@
+#include
+
+#include
+
+using namespace emscripten;
+using namespace std;
+using namespace tvg;
+
+string defaultData(" create()
+ {
+ return unique_ptr(new ThorvgWasm());
+ }
+
+ string getError()
+ {
+ return mErrorMsg;
+ }
+
+ bool load(string data, int width, int height)
+ {
+ uint32_t pw, ph;
+ float w, h;
+
+ mErrorMsg = "None";
+
+ if (!mSwCanvas) {
+ mErrorMsg = "Canvas is NULL";
+ return false;
+ }
+
+ mPicture = Picture::gen().release();
+ if (!mPicture) {
+ mErrorMsg = "Picture get failed";
+ return false;
+ }
+
+ mSwCanvas->clear();
+
+ if (data.empty()) data = defaultData;
+ const char *cdata = data.c_str();
+ if (mPicture->load(cdata, strlen(cdata)) != Result::Success) {
+
+ /* mPicture is not handled as unique_ptr yet, so delete here */
+ delete(mPicture);
+ mPicture = nullptr;
+
+ mErrorMsg = "Load failed";
+ return false;
+ }
+
+ /* get default size */
+ mPicture->viewbox(nullptr, nullptr, &w, &h);
+
+ pw = mDefaultWidth;
+ ph = mDefaultHeight;
+ mDefaultWidth = static_cast(w);
+ mDefaultHeight = static_cast(h);
+
+ if (pw != mDefaultWidth || ph != mDefaultHeight) {
+ updateScale();
+ }
+
+ updateSize(width, height);
+
+ if (mSwCanvas->push(unique_ptr(mPicture)) != Result::Success) {
+ mErrorMsg = "Push failed";
+ return false;
+ }
+
+ return true;
+ }
+
+ void update(int width, int height)
+ {
+ mErrorMsg = "None";
+
+ if (!mSwCanvas) {
+ mErrorMsg = "Canvas is NULL";
+ return;
+ }
+
+ if (!mPicture) {
+ mErrorMsg = "Picture is NULL";
+ return;
+ }
+
+ if (mWidth == width && mHeight == height) {
+ return;
+ }
+
+ updateSize(width, height);
+
+ if (mSwCanvas->update(mPicture) != Result::Success) {
+ mErrorMsg = "Update failed";
+ return;
+ }
+
+ return;
+ }
+
+ val render()
+ {
+ mErrorMsg = "None";
+
+ if (!mSwCanvas) {
+ mErrorMsg = "Canvas is NULL";
+ return val(typed_memory_view(0, nullptr));
+ }
+
+ if (mSwCanvas->draw() != Result::Success) {
+ mErrorMsg = "Draw failed";
+ return val(typed_memory_view(0, nullptr));
+ }
+
+ mSwCanvas->sync();
+
+ return val(typed_memory_view(mWidth * mHeight * 4, mBuffer.get()));
+ }
+
+ float getScale()
+ {
+ return mScale;
+ }
+
+private:
+ explicit ThorvgWasm()
+ {
+ mErrorMsg = "None";
+
+ Initializer::init(CanvasEngine::Sw, 0);
+ mSwCanvas = SwCanvas::gen();
+ if (!mSwCanvas) {
+ mErrorMsg = "Canvas get failed";
+ return;
+ }
+ }
+
+ void updateSize(int width, int height)
+ {
+ if (!mSwCanvas) return;
+ if (mWidth == width && mHeight == height) return;
+
+ mWidth = width;
+ mHeight = height;
+ mBuffer = make_unique(mWidth * mHeight * 4);
+ mSwCanvas->target((uint32_t *)mBuffer.get(), mWidth, mWidth, mHeight, SwCanvas::ABGR8888);
+
+ updateScale();
+ }
+
+ void updateScale()
+ {
+ if (!mPicture) return;
+
+ float scaleX = static_cast(mWidth) / static_cast(mDefaultWidth);
+ float scaleY = static_cast(mHeight) / static_cast(mDefaultHeight);
+ mScale = scaleX < scaleY ? scaleX : scaleY;
+
+ mPicture->scale(mScale);
+ }
+
+private:
+ string mErrorMsg;
+ unique_ptr< SwCanvas > mSwCanvas = nullptr;
+ Picture* mPicture = nullptr;
+ unique_ptr mBuffer = nullptr;
+
+ uint32_t mWidth{0};
+ uint32_t mHeight{0};
+ uint32_t mDefaultWidth{0};
+ uint32_t mDefaultHeight{0};
+ float mScale{0};
+};
+
+// Binding code
+EMSCRIPTEN_BINDINGS(thorvg_bindings) {
+ class_("ThorvgWasm")
+ .constructor(&ThorvgWasm::create)
+ .function("getError", &ThorvgWasm::getError, allow_raw_pointers())
+ .function("load", &ThorvgWasm::load, allow_raw_pointers())
+ .function("update", &ThorvgWasm::update)
+ .function("render", &ThorvgWasm::render)
+ .function("getScale", &ThorvgWasm::getScale);
+}
diff --git a/test/wasm_test.html b/test/wasm_test.html
new file mode 100644
index 00000000..b3835965
--- /dev/null
+++ b/test/wasm_test.html
@@ -0,0 +1,25 @@
+
+
+