thorvg/test/wasm_test.html
Shinwoo Kim 0c68c45ef7 thorvg viewer: introduce thorvg viewer
Support Emscripten wasm build for thorvg viewer
2020-10-13 19:04:46 +09:00

25 lines
812 B
HTML

<!doctype html>
<html>
<canvas id="thorvg" width="100" height="100"></canvas>
<script>
var Module = {
onRuntimeInitialized: function() {
class SvgViewer {
constructor() {
var instance = new Module.ThorvgWasm();
this.canvas = document.getElementById("thorvg");
var context = this.canvas.getContext('2d');
var buffer = instance.render(this.canvas.width, this.canvas.height);
var clampedBuffer = Uint8ClampedArray.from(buffer);
var imageData = new ImageData(clampedBuffer, this.canvas.width, this.canvas.height);
context.putImageData(imageData, 0, 0);
}
}
var instance = new SvgViewer();
}
};
</script>
<script src="thorvg-wasm.js"></script>
</html>