【译】使用 Rust 和 WebAssembly 构建离线画图页面

• 原文地址：https://dev.to/sendilkumarn/create-dev-s-offline-page-with-rust-and-webassembly-21gn
• 原文仓库：https://github.com/sendilkumarn/draw-page
• 原文作者：Sendil Kumar N
• 译文出自：https://github.com/suhanyujie
• 本文永久链接：(缺省)
• 译者：suhanyujie
• 翻译不当之处，还请指出，谢谢！
• 文中的页面效果可以参考这里：离线画图页

Dev 网站的离线画图页很有趣。我们能用 Rust 和 WebAssembly 来实现吗？

答案是肯定的。让我们现在就来实现它。

首先，我们通过 Webpack 创建了一个基于 Rust 和 WebAssembly 的简单应用。

npm init rust-webpack dev-offline-canvas

Rust 和 WebAssembly 生态提供了 web_sys，它在 Web API 上提供了很多需要的绑定。可以从这里检出。

示例应用已经引入了 web_sys 依赖。web_sys crate 中包含了所有可用的 WebAPI 绑定。

如果引入所有的 WebAPI 绑定将会增加绑定文件的大小。按需引入必要的 API 是比较重要的。

我们移除已经存在的 feature 列表(位于 toml 文件中)

features = [
    'console'
]

并使用下面的替代：

features = [
  'CanvasRenderingContext2d',
  'CssStyleDeclaration',
  'Document',