[搜文档]动画 - 搜索结果

选择 Canvas 还是 SVG

5 2026-09-14 《G2 3.2 使用教程》

[TOC] 选择 Canvas 还是 SVG适用场景性能差异定制和交互小结G2 如何使用不同的渲染方案SVG demo 选择 Canvas 还是 SVG HTML5 提供了 Canvas 和 SVG 两种绘图技术，也是多数 Web 图表库使用的渲染技术。Canvas 是基于脚本的，通过 JavaScript 指令来动态绘图。而 SVG 则是使用 XML...

开发者教程

4 2026-09-14 《G2 4.x 官方教程》

开发者教程开发者教程自定义 Shape 自定义动画自定义分面 G2 按需加载

自定义动画

4 2026-09-14 《G2 4.x 官方教程》

自定义动画自定义动画示例自定义动画自定义动画 G2 提供了一套动画注册机制，主要用于：按需引用需要的动画执行函数。帮助用户自定义动画执行函数。 type Animation = ( element : IGroup | IShape , animateCfg : AnimateCfg ,...

G2 按需加载

4 2026-09-14 《G2 4.x 官方教程》

G2 按需加载 G2 按需加载背景可按需引用的模块使用 G2 按需加载 G2 按需加载背景目前全量 G2 3.x 加载之后，大概的包大小在 800kb+，按需加载仅加载一个 Line 图，大概在 450kb 左右。这对一些对包大小敏感的用户来说非常不友好。因此 G2 4.0 将整个体系模块化，通过提供更灵活的按需机制让用户可以...

展望未来

4 2026-09-14 《Pixi教程》

展望未来 Hexi BabylonJS 展望未来 Pixi能做很多事情，但是不能做全部的事情！如果你想用Pixi开始制作游戏或者复杂的交互型应用，你可能会需要一些有用的库： Bump: 一个为了游戏准备的完整的2D碰撞函数集. Tink: 拖放, 按钮, 一个通用的指针和其他有用的交互工具集。 Charm: 给Pixi精灵准备的简单易用的缓动动...

图表交互

4 2026-09-14 《G2 3.2 使用教程》

[TOC] 图表交互激活选中示例：地图省市下钻图表交互 G2 默认内置的交互包括： active 激活； select 选中。激活开启以及关闭 shape 对于鼠标 hover 时的响应效果，G2 默认为各个 shape 内置了 active 效果。 geom.active(false); // 关闭默认响应geom.active(tr...

自定义 shape

4 2026-09-14 《G2 3.2 使用教程》

[TOC] 自定义 Shape1分钟上手自定义 Shape 自定义 Shape 自 G2 2.0.x 版本开始我们添加了自定义 Shape 的机制，以支持部分有高订制需求的图表可视化需求。这也是 G2 在向可编程可视化引擎迈出的重要一步。 const Shape = G2.Shape;Shape.registerShape(geomName,...

Pixi 精灵

3 2026-09-14 《Pixi教程》

Pixi 精灵 Pixi 精灵舞台的Pixi对象中。你能够像这样使用舞台对象： app . stage 舞台是一个Pixi 容器对象。你能把它理解成一种将放进去的东西分组并存储的空箱子。舞台对象是在你的场景中所有可见对象的根容器。所有你放进去的东西都会被渲染到canvas中。现在舞台是空的，但是很快我们就会放进去一点东西。 (你可...

移动精灵

3 2026-09-14 《Pixi教程》

移动精灵移动精灵 ticker 。这被称为游戏循环。任何在游戏循环里的代码都会1秒更新60次。你可以用下面的代码让 cat 精灵以每帧1像素的速率移动。 function setup () { //Start the game loop by adding the `gameLoop` function to //Pixi's...

Geom 几何标记

3 2026-09-14 《G2 3.2 使用教程》

[TOC] 什么是几何标记如何声明几何标记几何标记类型几何标记和图表类型geom 对象方法几何标记和图形形状什么是几何标记即我们所说的点、线、面这些几何图形。G2 中并没有特定的图表类型（柱状图、散点图、折线图等）的概念，用户可以单独绘制某一种类型的图表，如饼图，也可以绘制混合图表，比如折线图和柱状图的组合。 G2 生成的图表的类型，都是由几何标...