AntV Infographic
Home
Learn
Reference
Gallery
Icon
Editor
AI
Enterprise
  • Infographic
    • API
    • 配置项
    • 类型定义
    • 导出内容
  • JSX
    • 原语节点
    • 创建布局
    • 工具函数
  • 设计资产
    • 内置结构
    • 内置数据项
    • 内置模版
    • 内置主题
    • 内置色板
    • 内置图案
    • 内置组件
API Reference
设计资产

内置图案

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

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

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

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

AntV Infographic
Copyright © Ant Group Co.
Docs
Quick Start
Core Concepts
Custom Design
Infographic Theory
API Reference
JSX
API
Design Assets
More
More Examples
AI Generated Infographics
GitHub
Contribute
Friendly Links
AntV
G2
G6
L7
JSON
{
// 其他配置项...
"themeConfig": {
"stylize": {
"type": "pattern",
"pattern": "line" // 图案 ID
}
}
}