UNPKG

@antv/g-mobile-canvas

Version:

A renderer implemented with Canvas2D API in mobile environment

32 lines (24 loc) 1.11 kB
# g-mobile-canvas 定义了基于 Canvas2D 的上下文,内置以下插件: - `ContextRegisterPlugin` 提供小程序环境下的上下文服务 - [canvas-renderer](https://g-next.antv.vision/zh/docs/plugins/canvas-renderer) 使用 Canvas2D API 上下文渲染各种图形 - [canvas-picker](https://g-next.antv.vision/zh/docs/plugins/canvas-picker) 基于 Canvas2D API 实现的拾取 - mobile-interaction 监听移动端环境事件,触发标准 pointer 系列事件 ## 使用方式 ```js import { Canvas } from '@antv/g'; import { Renderer, createMobileCanvasElement } from '@antv/g-mobile-canvas'; const renderer = new Renderer(); // use existed context const canvasElement = createMobileCanvasElement(context); const canvas = new Canvas({ canvas: canvasElement, renderer, //(可选)传入原本 DOM 环境下需要通过 window 获取的属性和方法,例如 dpr、rAF 等 // @see https://g-next.antv.vision/zh/docs/api/canvas#devicepixelratio devicePixelRatio: 2, requestAnimationFrame, cancelAnimationFrame, }); // 正常创建图形并添加到画布 ```