maintop-pattern

美登高排版画布的纯原生核心包，包含排版数据模型、Canvas 渲染、SVG 导出、格式转换和 Canvas 原生滚动条算法。

该包不依赖 React 或其他框架运行时。React 项目请使用 @canvas-components/react-maintop-pattern。

原生模型示例

import { GridModel, type GridMarks } from "@canvas-components/maintop-pattern";

const marks: GridMarks = {
  "2,1": 2,
  "3,2": 2,
  "4,3": 2,
};

const pattern = GridModel.binaryToPatternDesignString(marks);
const parsed = GridModel.parsePatternDesignString(pattern);

console.log(pattern);
console.log(parsed.marks);

Canvas 渲染、SVG 导出和原生滚动条能力分别通过 RulerRenderer、exportDrawingBoardSvg、computeCanvasScrollbarLayout 与 drawCanvasScrollbar 导出。