Weex Gcanves集成和使用
Weex-gcances介绍
GCanvas是一个跨平台的画布解决方案，它实现了图形2d和WebGL API.GCanvas使其用户能够直接访问OpenGL ES API.GCanvas旨在解决JavaScript开发人员的画布的性能问题和兼容性问题。它也是“nativeFramwork“的功能扩展，如weex、react-native，那些没有自己的画布元素的开发体系。
目前，GCanvas正在与weex和react-native合作。
GCanvas官网地址：https://alibaba.github.io/GCanvas/
注意：weex-gcanvas目前为止不适用于0.18以上版本（2019.5.10）
Weex-gvanves集成
安装JS库
.GCanvas需要一个JS库从npm安装它：
npm install weex-gcanvas
或者在GCanvas的项目中找到.js fild：
https://github.com/alibaba/GCanvas/tree/master/GCanvas/js/src
获得上下文（context）
要使用gcanvas，你需要在执行任何其他操作之前获取上下文（2d或3d ）。平台之间存在一些差异，但在获取上下文后，代码应该相同。
原生端集成
Android ：
1.环境配置
确保完成以下配置：
JDK > = 1.7，并配置环境变量
安装Android SDK并配置环境变量
Android SDK版本23（build.gradle中的compileSdkVersion）
SDK构建工具版本21.1.2（的的build.gradle中的buildToolsVersion）
Android支持库> = 17（适用于Android支持库）
Weex SDK> = 0.16.X
2.集成步骤
步骤如下：
创建一个安卓的项目。根据你的习惯，没有什么要说明的。
通过添加以下依赖项来更新的的build.gradle：
compile "com.taobao.gcanvas:corelib:1.0.4"
compile "com.taobao.gcanvas.adapters:img_fresco:1.0.1"
compile "com.taobao.gcanvas.bridges:spec:1.0.1"
compile "com.taobao.gcanvas.bridges:weex:1.0.2"如果您使用的fresco作为图像加载器，请添加fresco适配器依赖项：
complie “com.taobao.gcanvas.adapters：img_fresco：1.0.1”
或者，如果您选择picasso作为图像加载器，请添加picasso适配器依赖项：
complie “com.taobao.gcanvas.adapters：img_picasso：1.0.1”
将GCanvas模块和组件注册到Weex应用程序。
WXSDKEngine.registerModule（“gcanvas”，GCanvasWeexModule.class）;
WXSDKEngine.registerComponent（“gcanvas”，WXGCanvasWeexComponent.class）;
修改AndroidManifest.xml，添加以下行以获取OpenGL ES功能。
的iOS版：
1.环境配置
确保已安装iOS开发环境和CocoaPods。
确保您已集成WeexSDK
确保您已将的NodeJS 4.0+中的weex -toolkit安装完毕
2.集成步骤
使用的CocoaPods安装组件
pod'WeexGcanvas'
pod'WeexPluginLoader'
WeexPluginLoader会动态注册Weex Module和ComponentGCanvas，所以我们不需要手动注册。
集成过程中可能会遇到一些问题，可以参考原生中的报错信息进行修改。
Weex-gcanves使用
首先说明一下，官网上提供的weex端的写法不是完全正确的，我们安装完最新的weex-GCanvas，它所提供的一些接口已经与官方文档有所出入。因此，我们需要结合原生端对应的component和module的代码和weex-GCanvas提供的js插件进行使用，适当时可以按照自己的需求对js端源码进行一定的修改，如果熟悉node.js的语法，并且对原生代码有一定的了解，也可以自己封装一下自己的GCanvas插件。
目前安装最新的版本按照以下写法是没有问题的。