[WASM] Write to WebAssembly Memory from JavaScript
2017-06-30 16:00
483 查看
We write a function that converts a string to lowercase in WebAssembly, demonstrating how to set the input string from JavaScript.
WASM Fiddle: https://wasdk.github.io/WasmFiddle/?h1s69
Demo Repo: https://github.com/guybedford/wasm-intro
We want to create a funcrtion 'toLowerCase', which enable JS to write in Memory.
To write data into WASM, we need to variables in C code, one is 'inStr' which get original input (for example 'Hello World'), another is 'outStr' which will transform to lower case string (for example: 'hello world').
C code:
JS: Some code to get wasm instance.
Now we need to write data from JS to WASM memory, the way to do it is just to put data into 'inStr':
Because what 'wasmInstance.exports.getInStrOffset()' return us is the first char address of 'inStr', then we use for loop to write data into 'inStr'.
After writting the data, then we can call 'toLowerCase' to see the result:
WASM Fiddle: https://wasdk.github.io/WasmFiddle/?h1s69
Demo Repo: https://github.com/guybedford/wasm-intro
We want to create a funcrtion 'toLowerCase', which enable JS to write in Memory.
To write data into WASM, we need to variables in C code, one is 'inStr' which get original input (for example 'Hello World'), another is 'outStr' which will transform to lower case string (for example: 'hello world').
C code:
void consoleLog (char* offset, int len); char inStr[20]; char outStr[20]; char* getInStrOffset () { return &inStr[0]; } void toLowerCase() { for (int i = 0; i < 20; i++ ) { char c = inStr[i]; if (c > 64 && c < 91) { c = c + 32; } outStr[i] = c; } consoleLog(&outStr[0], 20); }
JS: Some code to get wasm instance.
var wasmModule = new WebAssembly.Module(wasmCode); var wasmInstance = new WebAssembly.Instance(wasmModule, { env: { consoleLog (offset, len) { const strBuf = new Uint8Array(mem.buffer, offset, len); log(new TextDecoder().decode(strBuf)); } } }); const mem = wasmInstance.exports.memory;
Now we need to write data from JS to WASM memory, the way to do it is just to put data into 'inStr':
const mem = wasmInstance.exports.memory; function writeString (str, offset) { const strBuf = new TextEncoder().encode(str); const outBuf = new Uint8Array(mem.buffer, offset, strBuf.length); for (let i = 0; i < strBuf.length; i++) { outBuf[i] = strBuf[i]; } } } writeString('Hello Web Assembly', wasmInstance.exports.getInStrOffset());
Because what 'wasmInstance.exports.getInStrOffset()' return us is the first char address of 'inStr', then we use for loop to write data into 'inStr'.
After writting the data, then we can call 'toLowerCase' to see the result:
var wasmModule = new WebAssembly.Module(wasmCode); var wasmInstance = new WebAssembly.Instance(wasmModule, { env: { consoleLog (offset, len) { const strBuf = new Uint8Array(mem.buffer, offset, len); log(new TextDecoder().decode(strBuf)); } } }); const mem = wasmInstance.exports.memory; function writeString (str, offset) { const strBuf = new TextEncoder().encode(str); const outBuf = new Uint8Array(mem.buffer, offset, strBuf.length); for (let i = 0; i < strBuf.length; i++) { outBuf[i] = strBuf[i]; } } } writeString('Hello Web Assembly', wasmInstance.exports.getInStrOffset());
wasmInstance.exports.toLowerCase();
相关文章推荐
- [WASM] Read WebAssembly Memory from JavaScript
- [WASM] Call a JavaScript Function from WebAssembly
- [连载]Tutorial series: learning how to write a 3D soft engine from scratch in C#, TypeScript or JavaScript[英]
- How to get the "connection string" from web.config file
- 解决unable to get the project file from the web server
- 如何解决"unable to get project file from web server"问题
- The Book of JavaScript: A Practical Guide to Interactive Web Pages
- JS:Trim() in javascript, how to define a function of checkinput for a WebControl(ascx)
- DM642使用ccs3.1时GEL的问题:GEL: Error calling OnPreFileLoaded(): memory map prevented write to target memory at 0x01800054
- One tip for javascript to invoke variables in asp.net web page
- Some JavaScript Codes or Nodes Collected from Web
- From the Wallet to the Web, Java Cards Get Pervasive @ JDJ
- [ZT]Submitting Web Form data from one ASP.NET page to another
- How to launch an Executable from within memory
- Problem 17 - How many letters would be needed to write all the numbers in words from 1 to 1000?
- JavaScript Debugging and Intellisense, JavaScript obfuscator etc from VS 2005 to VS 2008 (VS2005到2008的变迁,JavaScript调试,智能感知/智能感应功能,JavaScript的混淆、压缩等功能的海变桑田)
- How to Write a Research Paper [cited from www.ehow.com]
- Web Parts: From SharePoint to ASP.NET 2.0
- Beginning Perl Web Development: From Novice to Professional
- consume an asp.net webservice(upload a file to server) from java via soap