应用程序框架工具（台式机、手机、平板电脑等） 渐进式 Web 应用工具 脚手架工具 常规前端开发工具 模版／数据绑定工具 UI 组件 & 组件包 数据可视化工具（例如图表） 图形工具（例如 SVG、canvas、webGL） 动画工具 JSON 工具 占位符内容工具 测试工具 前端数据存储工具 (例如客户端的数据存储方案) 模块加载／打包工具 模块／包管理工具 托管工具 项目管理以及代码托管工具 应用程序框架工具（台式机、手机、平板电脑等） 渐进式 Web 应用工具 脚手架工具 常规前端开发工具 模版／数据绑定工具 UI 组件 & 组件包 数据可视化工具（例如图表） 图形工具（例如 SVG、canvas、webGL） 动画工具 JSON 工具 占位符内容工具 测试工具 前端数据存储工具 (例如客户端的数据存储方案) 模块加载／打包工具 Introduction 9 模块／包管理工具 托管工具 图形工具（例如 SVG、canvas、webGL） 通用工具: Fabric.js Two.js Canvas: EaselJS Paper.js SVG: d3 GraphicsJS Raphaël Snap.svg svg.js WebGL: pixi.js three.js 图形工具（例如 SVG、canvas、webGL） 134 动画工具 Animate

- 开启图片使用支持. 默认 true . textAreasAreResizable Boolean - textArea 可以编辑. 默认为 true . webgl Boolean - 开启 WebGL 支持. 默认为 true . webaudio Boolean - 开启 WebAudio 支持. 默认为 true . plugins Boolean - 是否开启插件支持

HTML Render，下方表格对 两者的区别进行了对比： 图 3 模式对比 Canvaskit Render 模式：底层基于 Skia 的 WebAssembly 版本，而上层使 用 WebGL 进行渲染，因此能较好地保证一致性和滚动性能，但糟糕的兼容性 （WebAssembly 从 Chrome 57 版本才开始支持）是我们需要面对的问题。此外 Skia 的 WebAssembly Canvas、 WebGL）。 ● 业务层的兼容：实现基础 API、项目流程、公共模块的兼容，制定游戏差异的 个性化定制规范。 渲染层兼容 在上文，我们提到过“无论是 Webview 游戏、小程序、小游戏、美团小游戏都为我 们提供了 Canvas、WebGL 控件”，很大程度地降低了我们兼容渲染层的复杂度。 下面表单，是各端对于语法以及 Canvas、WebGL、Document、Window 美团小游戏 语法 JavaScript JavaScript JavaScript JavaScript Canvas 支持 支持 支持 支持 Canvas（离屏） 支持 支持 不支持 支持 WebGL 支持 支持 >2.11.0 支持 Ducument 支持 不支持 不支持 不支持 Window 支持 不支持 不支持 不支持 可以看出，在语法层面各端都支持了 JavaScript 语法，但是在执行环境以及基础功

defines a whole set of technologies, which includes HTML but adds a lot of APIs and standards like WebGL, SVG and more. The key thing to understand here is this: there is no such thing (any more) as an

书栈(BookStack.CN) 构建 1. var ctx = canvas.getContext('2d'); 如果需要绘制3D怎么办？HTML5还有一个WebGL规范，允许在Canvas中绘制3D图形： 1. gl = canvas.getContext("webgl"); 本节我们只专注于绘制2D图形。 我们可以在Canvas上绘制各种形状。在绘制前，我们需要先了解一下Canvas的坐标系统： Ca

已经被移除。使用 WindowOrWorkerGlobalScrope 替代。 Navigator 上明确的非标准的属性已经被移除了。 experimental-webgl 上下文已经被移除了。使用 webgl 或 webgl2 替代。 如果你认为其中的改变已经制造了错误，请提交一个 issue。 在 JavaScript 文件中，TypeScript 只会在 JSDoc 注释之前立即查询以确定声明的类型。

2月发布）， ES6 将它们纳入了 ECMAScript 规格，并且增加了新的方法。它们都是以数组的语 法处理二进制数据，所以统称为二进制数组。 这个接口的原始设计目的，与 WebGL 项目有关。所谓 WebGL，就是指浏览器与 显卡之间的通信接口，为了满足 JavaScript 与显卡之间大量的、实时的数据交换， 它们之间的数据通信必须是二进制的，而不能是传统的文本格式。文本格式传递一