g-mobile-canvas
定义了基于 Canvas2D 的上下文,内置以下插件:
ContextRegisterPlugin 提供小程序环境下的上下文服务
- canvas-renderer 使用 Canvas2D API 上下文渲染各种图形
- canvas-picker 基于 Canvas2D API 实现的拾取
- mobile-interaction 监听移动端环境事件,触发标准 pointer 系列事件
使用方式
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,
});
// 正常创建图形并添加到画布
关于 @antv/g-mobile-canvas 的常见问题
@antv/g-mobile-canvas 是什么?
A renderer implemented with Canvas2D API in mobile environment
如何安装 @antv/g-mobile-canvas?
在项目目录运行 npm install @antv/g-mobile-canvas,或使用 pnpm add / yarn add / bun add。
@antv/g-mobile-canvas 支持 TypeScript 吗?
支持。包内自带 TypeScript 类型声明(package.json 声明了 types 入口),安装后即可获得类型提示,无需再安装 @types 包。
@antv/g-mobile-canvas 支持 ESM 还是 CommonJS?
同时提供 ES Module 与 CommonJS 入口,import 和 require() 都可以使用,打包工具会自动选择合适的版本。
@antv/g-mobile-canvas 可以商用吗?
@antv/g-mobile-canvas 使用 MIT 许可。宽松许可:允许商业使用、修改和再分发,通常只需在分发时保留原版权与许可声明。以上为概括,不构成法律意见,请以许可原文为准。
@antv/g-mobile-canvas 的下载量有多少?
根据 npm 官方下载统计,@antv/g-mobile-canvas 在 2026/10/06 – 2026/11/04 这 30 天内被下载 44,862 次,日均约 1,495 次。下载量会把 CI 构建、镜像同步和作为其他包依赖的安装一并计入,适合横向比较热度,不能直接等同于使用人数。
@antv/g-mobile-canvas 还在维护吗?
最新版本 1.1.3 发布于 2026/10/16(21 天前);至今共发布 227 个版本,其中过去 12 个月发布了 9 个;首次发布于 2022/04/15。发布频率只是参考信号:功能稳定的工具可能很少需要更新,建议结合源码仓库的 issue 和提交记录判断。