you will need to add these link flags to your build process. I just put all of them here, but choose what you need. ```toml
[target.wasm32-unknown-emscripten] rustflags = [ "-C", "link-arg=-s", "-C", "link-arg=USEGLFW=3", # for glfw support. # "-C", # "link-arg=-s", # "-C", # "link-arg=FULLES2",# for opengl es 2 emulation # "-C", # "link-arg=-s", # "-C", # "link-arg=FULLES3", # for opengl es 3 emulation # "-C", # "link-arg=-s", # "-C", # "link-arg=ERRORONUNDEFINEDSYMBOLS=0", # for ignoring some egl symbols. maybe needed for wgpu "-C", "link-arg=-s", "-C", "link-arg=MAXWEBGLVERSION=2 ", # to make sure that webgl2 is enabled. "-C", "link-arg=-s", "-C", "link-arg=MINWEBGLVERSION=2", # to disable webgl1 completely, and use webgl2 exclusively. "-C", "link-arg=-s", "-C", "link-arg=DISABLEDEPRECATEDFINDEVENTTARGET_BEHAVIOR=1", # i don't even remember why i have this :D. ] ```
canvas element's data-raw-handle property should be 1 and id should be canvas.
example html to use for your sdl2 wasm app:
html
<!DOCTYPE html>
<html>
<body>
<canvas data-raw-handle="1" id="canvas"></canvas>
<!-- you need this script to actually let sdl2 library find the canvas for backing its window -->
<script type="text/javascript">
var Module = {
canvas: (function () {
// this is how we provide a canvas to our sdl2
return document.getElementById("canvas");
})(),
};
</script>
<!-- the above scrit MUST BE loaded before the below script which is generated by cargo.
so, don't change the order of these tags -->
<script src="my_project_name.js"></script>
</body>
</html>
script to build and deploy
```sh
echo "building for emscripten target"
cargo build --target=wasm32-unknown-emscripten --release echo "copying files to dist directory"
mkdir -p dist
cp target/wasm32-unknown-emscripten/release/myprojectname.wasm dist
cp target/wasm32-unknown-emscripten/release/myprojectname.js dist
cp index.html dist
(cd dist && python -m http.server) ```