GCanvas和BindingX Weex下的新武器

最新推荐文章于 2024-08-07 09:51:20 发布
最新推荐文章于 2024-08-07 09:51:20 发布
阅读量1k 收藏
点赞数
文章标签： 项目管理 javascript 敏捷开发 html js

徐远同，阿里技术专家（花名二同），来自淘宝技术部终端技术与基础业务团队。曾任职于华为，百度。多年移动中间件和SDK开发经验。目前负责淘宝技术的图形研发团队，打造了GCanvas和G3D项目等图形产品。

6d4692e747a7645b7648d43676b3902c.jpeg

214123d883d54c5184cb2a36463032dd.jpeg

a9d0fddff7c4521bded04f34803664d7.jpeg

65f10bb907a703530b26de6898fe224e.jpeg

4d38393aebd485695d285a21553b3166.jpeg

9f5dec64c718cdd57b74b182fdadc686.jpeg

3165dd5f8946a91b0bacfd92c0dfe0d3.jpeg

21ee8d17afe5d6f536263854e9c6440a.jpeg

62388d270f181a420cef43874cd5241b.jpeg

5494f89b70aad5c09d50cb42bc1a4e2c.jpeg

8508e31dff1fc5bc417b408d22a6a06b.jpeg

532b5b43c2e62518c3bcf0dc1ef33f77.jpeg

a3bc7477abb0090a2e80faafaceba25c.jpeg

dd7843dde026af0ce0805efe3d76128a.jpeg

6ccc8ac087a92fe85c11df5b77bd31d4.jpeg

1362094dd7465f86507dc59dab0dee86.jpeg

9022a089c634d11d5e52f13f2e37e0f7.jpeg

aaf0720afb1ac02808897ef6fa6cbc9e.jpeg

a20d71ffd0b2fd97ca03a73724cb3502.jpeg

6bdfe9772190b20045d13bb52b1c959f.jpeg

669110bc48860e04c19d907ae9cfc508.jpeg

2d9f0aae6ea57c48d0db367abb86c09f.jpeg

90556c01bc6935e7a024986b3a731eff.jpeg

8dbea39a6b0880d324f31741960b1dcc.jpeg

9920cb62ad9c3ca5e6f0c153c1b3a3dc.jpeg

1f6fddb0517a57e218874ec829389798.jpeg

67b17b67c19194b58f3aa501e05694d3.jpeg

964ab020474690f37c7c0fc01c58ccc8.jpeg

小时光茶社
关注
GCanvas源码编译
mu_xixi的博客
07-29 1347
GCanvas 提供了一套类似于 H5 Canvas 标准的 JavaScript API。基于这套 API 可以方便的去做图形绘制、动画渲染等，开发的体验与 H5 Canvas 是完全一样的。主要解决移动设备H5移动应用开发2D 3D渲染效率低下的问题。核心部分使用C++实现,支持基于ReactNative和Weex等Hybrid架构的跨平台应用方便的集成。   GCanvas Androi...
Weex开发之WEEX-EROS开发踩坑(小结)
01-21
目前，如果直接使用Weex框架开发应用会存在很多痛点，诸如初始化启动的环境问题、项目工程化问题、版本升级与版本兼容问题和不支持增量更新等，而Weex Eros等开源解决方案能对上述问题进行有效的解决。 Weex Eros的...
F2-gcanvas-wrapper:将 antvf2 适配到 weex 和 GCanvas ，使用 weex 开发网页端的请自行判断 platform
05-01
F2-gcanvas-wrapper 将 antv/f2 适配到 weex 和 GCanvas ，使用 weex 开发网页端的请自行判断 platform 。 weex 可以在获取到的组件引用 ref 上使用 addEvent api 监听事件，而 f2 传过来的 source 是经过 GCanvas 和 f2 加工过的 canvas 对象,然而现在也只能支持 f2 tooltip 插件的手势，Interaction 和 Legend 上不支持,Interaction 是基于 hummer 的，这个又是基于浏览器的,至于 Legend 上的点击事件不生效，不知道为啥嘞【尴尬】
Weex Android的canvas动画性能优化
淘系技术
03-09 592
Weex是手机淘宝推出的轻量级跨平台UI解决方案，它在iOS、Android和H5三端提供了一致的渲染能力。 众所周知，Weex的用户有很多是前端开发者，一直以来他们都希...
探索高性能跨平台渲染引擎：GCanvas
最新发布
gitblog_00371的博客
08-07 781
探索高性能跨平台渲染引擎：GCanvas GCanvasA lightweight cross-platform graphics rendering engine. (超轻量的跨平台图形引擎) https://alibaba.github.io/GCanvas项目地址:https://gitcode.com/gh_mirrors/gc/GCanvas GCanvas 是阿里巴巴开发的一款强大的...
Weex Gcanves集成和使用
神的孩子的博客
09-01 6341
Weex-gcances介绍 GCanvas是一个跨平台的画布解决方案，它实现了图形2d和WebGL API.GCanvas使其用户能够直接访问OpenGL ES API.GCanvas旨在解决JavaScript开发人员的画布的性能问题和兼容性问题。它也是“nativeFramwork“的功能扩展，如weex、react-native，那些没有自己的画布元素的开发体系。 目前，GCanvas...
GCanvas 开源项目使用教程
gitblog_00336的博客
08-07 818
GCanvas 开源项目使用教程 GCanvasA lightweight cross-platform graphics rendering engine. (超轻量的跨平台图形引擎) https://alibaba.github.io/GCanvas项目地址:https://gitcode.com/gh_mirrors/gc/GCanvas 项目介绍 GCanvas 是由阿里巴巴开发的一款...
iOS开发者的Weex伪最佳实践指南
01-27
Weex Market是一个收集优秀Weex组件和插件的地方，如`weex-chart`，它是基于g2-mobile和gcanvas实现的图表插件。通过`weex plugin`命令可以方便地添加或移除插件，如添加`weex-chart`只需执行`weex plugin add weex...
JPanel和GCanvas的关系
06-10
JPanel和GCanvas都是Java Swing库中的类，它们都是用于创建可视化组件的容器类。其中，JPanel是一个通用的面板，可以包含其他Swing组件，而GCanvas是一个专门用于绘制图形的面板。 JPanel和GCanvas的关系是，...
paintcompent怎么很好的和GCanvas类结合
06-10
GCanvas类可以和自定义的JPanel类很好的结合，因为GCanvas类是JPanel类的子类，它也有一个绘图区域，并且它提供了一系列可用于绘图的方法。 下面是一个示例代码，展示了如何将自定义的JPanel和GCanvas类结合使用： ...
题目：GCanvas：阿里出品的高性能跨平台渲染引擎
gitblog_00098的博客
05-12 298
题目：GCanvas：阿里出品的高性能跨平台渲染引擎 GCanvasA lightweight cross-platform graphics rendering engine. (超轻量的跨平台图形引擎) https://alibaba.github.io/GCanvas项目地址:https://gitcode.com/gh_mirrors/gc/GCanvas 1、项目介绍 GCanvas ...
python3画圆、直线_用JavaScript画直线、圆、椭圆(不用VML,Canvas) | #hta #javascript #2d...
weixin_39979167的博客
12-09 130
核心代码：/*** GCanvas 1.2* @author GreatGhoul* @email: greatghoul@gmail.com* @blog: http://greatghoul.iteye.com*/(function() {// 创建GCanvas构造方法的闭包和全局引用var GCanvas = window.GCanvas = function(id, w, h) {ret...
weex-gcanvas+animation模块实现雷达扫描效果
神的孩子的博客
05-10 1016
集成weex-gcanvas请参考Weex Gcanves集成和使用 先上图 示例图上代码： <template> <div ref="test" style="background-color: #ffffff"> <gcanvas @touchstart="touchstart" @touchmove="touchmove...
bindingx 表达式动画
m0_59464433的博客
06-26 715
表达式(Expression) 表达式，是由数字、运算符、变量等以能求得数值的有意义排列方法所得的组合。譬如,x\*3+10就是一个表达式，当x被赋值时，整个表达式就会有一个明确的结果。通过表达式，我们就可以描述一个具体的交互行为，比如我们希望x从0变化到100时，透明度能从1变化到0.5，那么表达式可以描述为: f(alpha) = 1-(x/100)*0.5。 在BindingX中，我们实现了一个轻量的表达式解析引擎用于执行表达式，除了基本的四则运算外，还支持三元运算符、数学函数等高级语法，...
BindingX在weex中使用
神的孩子的博客
08-06 4363
     如果曾经尝试过按照bindingX官网的方式在weex中使用，就会发现不能实现自己想要的效果。通过在网上查阅资料，了解到weex中使用bindingX不能直接写表达式，sdk无法解析，因此需要一个表达式解析工具的帮助，即bindingx-parser，在我们的项目目录下执行用npm安装上这个插件之后即可使用它来解析bindingX的表达式了。使用方法如下： 首先使用npm安装bindi...
5分钟带你看懂 GCanvas渲染引擎的演进
淘系技术
12-05 1140
作者|蒋卫星(韦青)出品|阿里巴巴新零售淘系技术部本文内容大纲：1、轻量级图形渲染引擎与应用2、渲染引擎演进与优化之路3、渲染引擎未来的发展方向GCanvas 的定位是遵循 w3c ...
android源码中的sdk,android Bindingx sdk源码分析
weixin_39918682的博客
05-27 171
android Bindingx sdk源码分析Bindingx 是什么？BindingX 是解决weex和React Native上富交互问题的一种解决方案。如果按照传统的weex 和 native 的交互方式，比如要实现一个清屏的动画，需要在这个视图上绑定touch事件后，监听到每一次手势的变化，native与weex都要进行一次通信，频繁的通信交互必然会消耗性能，导致无法在16ms内完成一次...
开源项目：G3D —— Hybrid 环境下的 WebGL 3D 渲染引擎
淘系技术
03-08 1309
G3D 是一款基于 WebGL 的 JavaScript 3D 渲染引擎，借助 GCanvas，G3D 可以运行在 Weex，ReactNative 等 hybrid 环...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值