AntV
AntV Infographic
文档
参考
示例
AI
企业版
  • Infographic
    • API
    • 配置项
    • 类型定义
    • 导出内容
  • JSX
    • 原语节点
    • 创建布局
    • 工具函数
  • 设计资产
    • 内置结构
    • 内置数据项
    • 内置模版
    • 内置主题
    • 内置色板
    • 内置图案
    • 内置组件
API Reference
设计资产

内置图案

图案用于风格化类型为 pattern 时指定填充样式,使用方式如下:

{ // 其他配置项... "themeConfig": { "stylize": { "type": "pattern", "pattern": "line" // 图案 ID } } }

AntV Infographic 内置了以下图案,并会在后续持续更新和扩展:

  • 线条图案(line):由平行线条组成的图案,适用于表现纹理效果。
  • 点状图案(dot):由均匀分布的点组成的图案,适用于表现颗粒感。
  • 六边形图案(hex):由六边形网格组成的图案,适用于表现结构化效果。
  • 菱形图案(diamond):由菱形网格组成的图案,适用于表现几何美感。
  • 马赛克图案(mosaic):由不规则形状组成的图案,适用于表现多样化效果。
  • 方形图案(square):由均匀分布的方形组成的图案,适用于表现现代感。
上一章内置色板
下一章内置组件

AntV Infographic
Copyright © Ant Group Co.
文档
快速开始
核心概念
自定义设计
信息图理论
API 参考
JSX
API
设计资产
更多
更多示例
AI 在线体验
GitHub
参与贡献
友情链接
AntV
G2
G6
L7
{
// 其他配置项...
"themeConfig": {
"stylize": {
"type": "pattern",
"pattern": "line" // 图案 ID
}
}
}