Skip to content

Commit 6d85ff9

Browse files
tangying1027xuying.xu
authored andcommitted
chore: 修复文档死链接
1 parent dd8515d commit 6d85ff9

File tree

2 files changed

+35
-10
lines changed

2 files changed

+35
-10
lines changed

site/.dumirc.ts

Lines changed: 6 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -7,9 +7,13 @@ export default defineConfig({
77
{ id: 'en', name: 'English' },
88
],
99
themeConfig: {
10+
title: 'F2', // 网站header标题
1011
metas: {
11-
title: 'F2',
12-
description: 'The Grammar of Graphics in JavaScript',
12+
title: { zh: 'F2 移动端可视化引擎', en: 'F2 Mobile Visualization Engine' },
13+
description: {
14+
zh: 'F2 是一个专注于移动端,面向常规统计图表,开箱即用的可视化引擎,完美支持 H5 环境同时兼容多种环境(Node, 小程序),完备的图形语法理论,满足你的各种可视化需求,专业的移动设计指引为你带来最佳的移动端图表体验。',
15+
en: 'F2 is a mobile-focused, ready-to-use visualization engine designed for standard statistical charts. It perfectly supports H5 environments while being compatible with various platforms (Node, Mini Programs). With a comprehensive graphical syntax theory, it meets all your visualization needs. Its professional mobile design guidelines provide the best charting experience on mobile devices.',
16+
},
1317
},
1418
siteUrl: 'https://f2.antv.antgroup.com',
1519
defaultLanguage: 'zh',

site/docs/tutorial/shape-attrs.zh.md

Lines changed: 29 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -13,10 +13,17 @@ F2 底层使用了 [G](https://g.antv.antgroup.com/api/basic/concept) 绘图引
1313

1414
对于不同的图形,位置的几何意义也不同,例如:
1515

16+
<<<<<<< HEAD
17+
1618
- [Circle](#circle) [Arc](#arc) [Sector](#sector)为圆心位置,使用 [cx/cy](#circle)
1719
- [Group](#group) [Rect](#rect)[Image](#image) 为左上角顶点位置,使用 [x/y](#rect)
1820
- [Text](#text) 为文本锚点位置
19-
- [Line](#line)[Polyline](#polyline)[Polygon](#polygon)[Path](#path) 为包围盒左上角顶点位置
21+
- # [Line](#line)[Polyline](#polyline)[Polygon](#polygon)[Path](#path) 为包围盒左上角顶点位置
22+
- [Circle](/tutorial/shape#circle) [Arc](/tutorial/shape#arc) [Sector](/tutorial/shape#sector)为圆心位置,使用 [cx/cy](/tutorial/shape#circle)
23+
- [Group](/tutorial/shape#group) [Rect](/tutorial/shape#rect)[Image](/tutorial/shape#image) 为左上角顶点位置,使用 [x/y](/tutorial/shape#rect)
24+
- [Text](/tutorial/shape#text) 为文本锚点位置
25+
- [Line](/tutorial/shape#line)[Polyline](/tutorial/shape#polyline)[Polygon](/tutorial/shape#polygon)[Path](/tutorial/shape#path) 为包围盒左上角顶点位置
26+
> > > > > > > 99c0f14fa (chore: 修复文档死链接)
2027
2128
| 属性名 | 描述 |
2229
| -------- | ------------------- |
@@ -25,32 +32,46 @@ F2 底层使用了 [G](https://g.antv.antgroup.com/api/basic/concept) 绘图引
2532
### 通用属性
2633

2734
| 属性名 | 描述 |
28-
| --- | --- | --- |
35+
| ------ | ---- |
36+
2937
| `zIndex` | 控制图行显示层级。默认 0 |
30-
| `clip` | Clip | 创建元素的可显示区域,区域内的部分显示,区域外的隐藏。参见(./shape-attrs#裁剪) |
38+
39+
| `clip` | 创建元素的可显示区域,区域内的部分显示,区域外的隐藏。参见(./shape-attrs#裁剪) |
40+
3141
| `visibility` | 控制图形的可见性。参见 [MDN]https://developer.mozilla.org/en-US/docs/Web/CSS/visibility) |
42+
3243
| `opacity` | 设置图形和图片透明度的属性,默认值是 1。 数值的范围从 0.0 (完全透明)到 1.0 (完全不透明)。 |
44+
3345
| `fill` | 填充色、[渐变](./shape-attrs#渐变色)[纹理](./shape-attrs#纹理),默认值为空。 |
46+
3447
| `fillOpacity` | 用于设置图形填充颜色的透明度,默认值是 1。 |
48+
3549
| `stroke` | 描边色、[渐变](./shape-attrs#渐变色)[纹理](./shape-attrs#纹理),默认值为空; |
50+
3651
| `strokeOpacity` | 用于设置边颜色的透明度,默认值是 1。 |
52+
3753
| `shadowType` | 描述阴影类型,目前支持 'outer' 外阴影和 'inner' 内阴影 |
54+
3855
| `shadowColor` | 描述阴影颜色的属性,支持 String,暂不支持渐变或纹理,参见 [MDN](https://developer.mozilla.org/zh-CN/docs/Web/API/CanvasRenderingContext2D/shadowColor)|
56+
3957
| `shadowBlur` | 描述模糊效果程度的属性; 它既不对应像素值也不受当前转换矩阵的影响。 默认值是 0,参见 [MDN](https://developer.mozilla.org/zh-CN/docs/Web/API/CanvasRenderingContext2D/shadowBlur)|
58+
4059
| `shadowOffsetX` | 描述阴影水平偏移距离的属性,参见 [MDN](https://developer.mozilla.org/zh-CN/docs/Web/API/CanvasRenderingContext2D/shadowOffsetX)|
60+
4161
| `shadowOffsetY` | 描述阴影垂直偏移距离的属性,参见 [MDN](https://developer.mozilla.org/zh-CN/docs/Web/API/CanvasRenderingContext2D/shadowOffsetY)|
62+
4263
| `filter` | 滤镜,目前支持单个或多个滤镜叠加,支持 blur、brightness、drop-shadow、contrast、grayscale、saturate、sepia、hue-rotate、invert 几种滤镜效果。参见 [MDN]https://developer.mozilla.org/zh-CN/docs/Web/API/CanvasRenderingContext2D/filter) |
64+
4365
| `cursor` | 鼠标样式。参见 [MDN]https://developer.mozilla.org/zh-CN/docs/Web/CSS/cursor) |
4466

4567
### 线条属性
4668

4769
| 属性名 | 描述 |
48-
| --- | --- |
70+
| ------ | ---- |
71+
4972
| `lineCap` | Canvas 2D API 指定如何绘制每一条线段末端的属性。有 3 个可能的值,分别是:`butt`, `round` and `square`。默认值是 butt,参见 [MDN](https://developer.mozilla.org/zh-CN/docs/Web/API/CanvasRenderingContext2D/lineCap). |
50-
| `lineJoin` | Canvas 2D API 用来设置 2 个长度不为 0 的相连部分(线段,圆弧,曲线)如何连接在一起的属性(长度为 0 的变形部分,其指定的末端和控制点在同一位置,会被忽略),参见 [MDN](https://developer.mozilla.org/zh-CN/docs/Web/API/CanvasRenderingContext2D/lineJoin). |
51-
| `lineWidth` | Canvas 2D API 设置线段厚度的属性(即线段的宽度)。当获取属性值时,它可以返回当前的值(默认值是 1.0 )。 当给属性赋值时, 0、 负数、 Infinity 和 NaN 都会被忽略;除此之外,都会被赋予一个新值,参见 [MDN](https://developer.mozilla.org/zh-CN/docs/Web/API/CanvasRenderingContext2D/lineWidth). |
52-
| `miterLimit` | Canvas 2D API 设置斜接面限制比例的属性。 当获取属性值时, 会返回当前的值(默认值是 10.0 )。当给属性赋值时, 0、负数、 Infinity 和 NaN 都会被忽略;除此之外都会被赋予一个新值。,参见 [MDN](https://developer.mozilla.org/zh-CN/docs/Web/API/CanvasRenderingContext2D/miterLimit). |
53-
| `lineDash` | 设置线的虚线样式,可以指定一个数组。一组描述交替绘制线段和间距(坐标空间单位)长度的数字。 如果数组元素的数量是奇数, 数组的元素会被复制并重复。例如, [5, 15, 25] 会变成 [5, 15, 25, 5, 15, 25]。这个属性取决于浏览器是否支持 `setLineDash()` 函数,详情参考 [setLineDash](https://developer.mozilla.org/zh-CN/docs/Web/API/CanvasRenderingContext2D/setLineDash)|
73+
74+
| `lineJoin` | Canvas 2D API 用来设置 2 个长度不为 0 的相连部分(线段,圆弧,曲线)如何连接在一起的属性(长度为 0 的变形部分,其指定的末端和控制点在同一位置,会被忽略),参见 [MDN](https://developer.mozilla.org/zh-CN/docs/Web/API/CanvasRenderingContext2D/lineJoin). | | `lineWidth` | Canvas 2D API 设置线段厚度的属性(即线段的宽度)。当获取属性值时,它可以返回当前的值(默认值是 1.0 )。 当给属性赋值时, 0、 负数、 Infinity 和 NaN 都会被忽略;除此之外,都会被赋予一个新值,参见 [MDN](https://developer.mozilla.org/zh-CN/docs/Web/API/CanvasRenderingContext2D/lineWidth). | | `miterLimit` | Canvas 2D API 设置斜接面限制比例的属性。 当获取属性值时, 会返回当前的值(默认值是 10.0 )。当给属性赋值时, 0、负数、 Infinity 和 NaN 都会被忽略;除此之外都会被赋予一个新值。,参见 [MDN](https://developer.mozilla.org/zh-CN/docs/Web/API/CanvasRenderingContext2D/miterLimit). | | `lineDash` | 设置线的虚线样式,可以指定一个数组。一组描述交替绘制线段和间距(坐标空间单位)长度的数字。 如果数组元素的数量是奇数, 数组的元素会被复制并重复。例如, [5, 15, 25] 会变成 [5, 15, 25, 5, 15, 25]。这个属性取决于浏览器是否支持 `setLineDash()` 函数,详情参考 [setLineDash](https://developer.mozilla.org/zh-CN/docs/Web/API/CanvasRenderingContext2D/setLineDash)。 |
5475

5576
### 文本属性
5677

0 commit comments

Comments
 (0)