API文档:全局变量

成员

名称	说明
(constant) AXFG_DRAW_PIN	是否渲染端子
(constant) AXFG_NODETYPE_FILE_NAME	节点类型文件名路径
(constant) AXFG_SYMBOL_FILE_NAME	符号文件名路径
(constant) CIMG_DRAW_PIN	是否渲染端子
(constant) CIMG_SYMBOL_ALIGN_CENTER_SIZE	中心点坐标位置为已宽高的一半为准，而不是符号中的alignCenter属性
(constant) CIMG_SYMBOL_FILE_NAME	符号文件名路径
(constant) Filter	滤镜名称空间
(constant) GGGeoJsonType	GeoJSON对象类型
(constant) GGShapeType	几何名称
(constant) GGeometryType	几何类型名称
(constant) IMAGE_CACHE_SIZE	常量：缓存位图文件数量
(constant) ImageState	位图状态
(constant) LayerRendererState	图层渲染状态
fabricPathParse	分析Path节点中的d属性 (来源fabric.js，兼容性较强，解析个别SVG时存在错误)
fromArcToBeziers	Converts arc to a bunch of bezier curves
(constant) parseFilter	https://www.w3.org/TR/filter-effects-1/ css滤镜参考：https://developer.mozilla.org/zh-CN/docs/Web/CSS/filter Supported Filter Functions: = <blur()> \| <brightness()> \| <contrast()> \| <drop-shadow()> \| <grayscale()> \| <hue-rotate()> \| <invert()> \| <opacity()> \| <sepia()> \| <saturate()>
pathParse	SVG Path节点中d属性语法分析（兼容性相对较弱）
svgPathParse	SVG Path节点中d属性语法分析(来源SVG.js，目前为止兼容性最强)

方法列表

名称	说明
Black(imageData, options)	黑白调节滤镜对每个像素的R, G, B 三个值平均值大于125则设为255 反之设为0
Blur(imageData, options)	模糊调节滤镜
Brighten(imageData, options)	亮度调节滤镜如果需要调亮，就把 rgb 每个值往上调；如果要调暗，就往下调
Casting(imageData, options)	熔铸调节滤镜对每个像素的R, G, B 三个值平均值大于125则设为255 反之设为0
Contrast(imageData, options)	对比度调节滤镜
Emboss(imageData, options)	浮雕调节滤镜浮雕图像效果是指图像的前景前向凸出背景。所谓的“浮雕”处理是指图像上的一个像素和它左上方的那个像素之间的差值的一种处理过程，为了使图像保持一定的亮度并呈现灰色，在处理过程中为这个差值加上一个数值为128的常量，需要注意的是，当设置一个像素值的时候，它和它的左上方的像素都要被用到，为了避免用到已经设置过的像素，应该从图像的右下方的像素开始处理，这样还会出现一个问题就是图像最左方和最上方的没有得到处理，这里我把它们的像素值设为128。
Enhance(imageData, options)	增强调节滤镜
Grayscale(imageData, options)	灰度调节滤镜使用加权平均值的方式计算出灰度照片
HSL(imageData, options)	HSL调节滤镜 https://blog.csdn.net/qq_41176800/article/details/104230797
HSV(imageData, options)	色相/明度/饱和度调节滤镜 HSB（Hue、Saturation、Brightness/Value）HSB也称为HSV HSB与HSL是对RGB色彩模式的另外两种描述方式，尝试描述比RGB更准确的感知颜色联系 https://blog.csdn.net/qq_41176800/article/details/104230797
Invert(imageData, options)	反色调节滤镜反色的原理就是用 255 减去原来的值。也就是说红、绿、蓝各自取反。在反色效果中，不需要修改 a ，因为它负责不透明度。而 rgb 如果都是 255 ，就是白色，如果都是 0 就是黑色。比如 rgb(10, 200, 100) ，那么反色就是 rgb(245, 55, 155)。
Kaleidoscope(imageData, options)	万花筒调节滤镜
Mask(imageData, options)	面膜调节滤镜先定义一个马赛克范围参数，该参数越大，马赛克的格子就越大。通过该参数去到当前正在操作的像素的四周像素，并将这些像素的颜色值求出一个平均值，然后该像素四周的像素都使用求出来的颜色值。
Noise(imageData, options)	噪声调节滤镜
OpBox()	工具箱（放大、缩小、左移、右移、上移、下移）
Pixelate(imageData, options)	像素化调节滤镜
Posterize(imageData, options)	色调分离调节滤镜
RGB(imageData, options)	调节RGB通道滤镜
RGBA(imageData, options)	调节RGBA通道滤镜
RGBMask(imageData, options)	RGB蒙版滤镜如果要做红色蒙版，首先求 rgb 3个通道的平均值，将平均值赋给红通道（r），最后将绿和蓝通道设置为0。
Sepia(imageData, options)	怀旧滤镜怀旧效果是有点偏黄的黑白灰照片，红 + 绿 = 黄。
Solarize(imageData, options)	曝光过度调节滤镜
Threshold(imageData, options)	大理石滤镜
circle2LineRing(center, radius, sides)	以多边形方式返回圆的坐标
clipSegments(points, bounds)	polyline裁切
correctExtent(extent, originalExtent)	按originalExtent宽高比矫正extent
createCanvas(options)	画板对象
createGeom(obj)	根据Geom数据创建Geometry对象
getStarLineRing(ctx, center, sides, radius, radius2, style)	获取规则形状坐标，包括五角星、四角星等
getSymmetricPointRelative(centerPoint, point)	计算某个点的对称点坐标
getTypeStyle(shapeType, layerStyle)	从图层样式中获取指定类型的样式
getUniqueID()	返回一个唯一字符串
rect2LineRing(x, y, width, height)	以多边形形式返回矩形坐标
releaseCanvas(…canvases)	删除画板
simplify(points, tolerance)	polyline简化
simplifyFile(axfgfile)	对GeoJSON文件进行简化，从而减小从服务器下载时的数据传输量文件简化后，可使用format_s.js中的format进行解析

详细说明

Black(imageData, options)

黑白调节滤镜
对每个像素的R, G, B 三个值平均值大于125则设为255 反之设为0

参数

名称	类型	缺省值	说明
`imageData`	ImageData		像素数据
`options`	Object		选项

Blur(imageData, options)

模糊调节滤镜

参数

名称	类型	缺省值	说明
`imageData`	ImageData		像素数据
`options`	Object		选项 {blurRadius} blurRadius: between 1 and 100

Brighten(imageData, options)

亮度调节滤镜
如果需要调亮，就把 rgb 每个值往上调；如果要调暗，就往下调

参数

名称	类型	缺省值	说明
`imageData`	ImageData		像素数据
`options`	Object		选项 {brightness} brightness: between 0 and 1

Casting(imageData, options)

熔铸调节滤镜
对每个像素的R, G, B 三个值平均值大于125则设为255 反之设为0

参数

名称	类型	缺省值	说明
`imageData`	ImageData		像素数据
`options`	Object		选项

Contrast(imageData, options)

对比度调节滤镜

参数

名称	类型	缺省值	说明
`imageData`	ImageData		像素数据
`options`	Object		选项 {contrast} contrast: between -100 and 100

Emboss(imageData, options)

浮雕调节滤镜
浮雕图像效果是指图像的前景前向凸出背景。
所谓的“浮雕”处理是指图像上的一个像素和它左上方的那个像素之间的差值的一种处理过程，为了使图像保持一定的亮度并呈现灰色，在处理过程中为这个差值加上一个数值为128的常量，需要注意的是，当设置一个像素值的时候，它和它的左上方的像素都要被用到，为了避免用到已经设置过的像素，应该从图像的右下方的像素开始处理，这样还会出现一个问题就是图像最左方和最上方的没有得到处理，这里我把它们的像素值设为128。

参数

名称	类型	缺省值	说明
`imageData`	ImageData		像素数据
`options`	Object		选项 {embossStrength, embossWhiteLevel, embossDirection, embossBlend}

Enhance(imageData, options)

增强调节滤镜

参数

名称	类型	缺省值	说明
`imageData`	ImageData		像素数据
`options`	Object		选项 {enhance} enhance: between 0 and 1

Grayscale(imageData, options)

灰度调节滤镜
使用加权平均值的方式计算出灰度照片

参数

名称	类型	缺省值	说明
`imageData`	ImageData		像素数据
`options`	Object		选项

HSL(imageData, options)

HSL调节滤镜
https://blog.csdn.net/qq_41176800/article/details/104230797

参数

名称	类型	缺省值	说明
`imageData`	ImageData		像素数据
`options`	Object		选项 {hue, saturation, luminance} hue: // 饱和度(Saturation)，用0%~100%表示。 saturation: // 色相(Hue)，三者中意义相同，用0~360°来表示。 luminance: // 亮度(Lightness)，表示白色的量，用0%~100%表示。颜色的明亮程度由L控制。所以，某种最纯的颜色，饱和度为100%，亮度却是50%。

HSV(imageData, options)

色相/明度/饱和度调节滤镜
HSB（Hue、Saturation、Brightness/Value）HSB也称为HSV
HSB与HSL是对RGB色彩模式的另外两种描述方式，尝试描述比RGB更准确的感知颜色联系
https://blog.csdn.net/qq_41176800/article/details/104230797

参数

名称	类型	缺省值	说明
`imageData`	ImageData		像素数据
`options`	Object		选项 {hue, saturation, value} hue: 色相, 用0~360°来表示 saturation: 饱和度(Saturation)，用0%~100%表示 value: 明度(Brightness/Value)，表示光的量，用0%~100%表示

Invert(imageData, options)

反色调节滤镜
反色的原理就是用 255 减去原来的值。也就是说红、绿、蓝各自取反。
在反色效果中，不需要修改 a ，因为它负责不透明度。而 rgb 如果都是 255 ，就是白色，如果都是 0 就是黑色。比如 rgb(10, 200, 100) ，那么反色就是 rgb(245, 55, 155)。

参数

名称	类型	缺省值	说明
`imageData`	ImageData		像素数据
`options`	Object		选项

Kaleidoscope(imageData, options)

万花筒调节滤镜

参数

名称	类型	缺省值	说明
`imageData`	ImageData		像素数据
`options`	Object		选项 {kaleidoscopePower, kaleidoscopeAngle}

Mask(imageData, options)

面膜调节滤镜
先定义一个马赛克范围参数，该参数越大，马赛克的格子就越大。通过该参数去到当前正在操作的像素的四周像素，并将这些像素的颜色值求出一个平均值，然后该像素四周的像素都使用求出来的颜色值。

参数

名称	类型	缺省值	说明
`imageData`	ImageData		像素数据
`options`	Object		选项 {threshold}

Noise(imageData, options)

噪声调节滤镜

参数

名称	类型	缺省值	说明
`imageData`	ImageData		像素数据
`options`	Object		选项 {noise} noise: between 0 and 1

OpBox()

工具箱（放大、缩小、左移、右移、上移、下移）

Pixelate(imageData, options)

像素化调节滤镜

参数

名称	类型	缺省值	说明
`imageData`	ImageData		像素数据
`options`	Object		选项 {noise} pixelSize: between 5 and 100

Posterize(imageData, options)

色调分离调节滤镜

参数

名称	类型	缺省值	说明
`imageData`	ImageData		像素数据
`options`	Object		选项 {levels} levels: between 0 and 1

RGB(imageData, options)

调节RGB通道滤镜

参数

名称	类型	缺省值	说明
`imageData`	*
`options`	*

RGBA(imageData, options)

调节RGBA通道滤镜

参数

名称	类型	缺省值	说明
`imageData`	ImageData		像素数据
`options`	Object		选项 {red, green, blue, alpha}

RGBMask(imageData, options)

RGB蒙版滤镜如果要做红色蒙版，首先求 rgb 3个通道的平均值，将平均值赋给红通道（r），最后将绿和蓝通道设置为0。

参数

名称	类型	缺省值	说明
`imageData`	*
`options`	*

Sepia(imageData, options)

怀旧滤镜怀旧效果是有点偏黄的黑白灰照片，红 + 绿 = 黄。

参数

名称	类型	缺省值	说明
`imageData`	ImageData		像素数据
`options`	Object		选项

Solarize(imageData, options)

曝光过度调节滤镜

参数

名称	类型	缺省值	说明
`imageData`	ImageData		像素数据
`options`	Object		选项

Threshold(imageData, options)

大理石滤镜

参数

名称	类型	缺省值	说明
`imageData`	ImageData		像素数据
`options`	Object		选项 {threshold}, threshold: between 0 and 1

circle2LineRing(center, radius, sides)

以多边形方式返回圆的坐标

参数

名称	类型	缺省值
`center`	Array
`radius`	number
`sides`	int	32

clipSegments(points, bounds)

polyline裁切

参数

名称	类型	缺省值	说明
`points`	*
`bounds`	*

返回值

Array

correctExtent(extent, originalExtent)

按originalExtent宽高比矫正extent

参数

名称	类型	缺省值	说明
`extent`	Extent
`originalExtent`	Extent

返回值

Extent 边界范围值

createCanvas(options)

画板对象

参数

名称	类型	缺省值	说明
`options`	*

返回值

Canvas

createGeom(obj)

根据Geom数据创建Geometry对象

参数

名称	类型	缺省值	说明
`obj`	Object

返回值

GeometryObject

drawTextOnPath(flatCoordinates, offset, end, stride, text, startM, maxAngle, scale, measureAndCacheTextWidth, font, cache, rotation)

参数

名称	类型	说明
`flatCoordinates`	Array.<number>	Path to put text on.
`offset`	number	Start offset of the `flatCoordinates`.
`end`	number	End offset of the `flatCoordinates`.
`stride`	number	Stride.
`text`	string	Text to place on the path.
`startM`	number	m along the path where the text starts.
`maxAngle`	number	Max angle between adjacent chars in radians.
`scale`	number	The product of the text scale and the device pixel ratio.
`measureAndCacheTextWidth`	function	Measure and cache text width.
`font`	string	The font.
`cache`	Object.<string, number>	A cache of measured widths.
`rotation`	number	Rotation to apply to the flatCoordinates to determine whether text needs to be reversed.

返回值

The result array (or null if maxAngle was exceeded). Entries of the array are x, y, anchorX, angle, chunk.

Type: Array.<Array.<*>>

getStarLineRing(ctx, center, sides, radius, radius2, style)

获取规则形状坐标，包括五角星、四角星等

参数

名称	类型	说明
`ctx`	CanvasRenderingContext2D
`center`	Array	中心点X坐标
`sides`	int	点数
`radius`	int	半径
`radius2`	int	凹半径
`style`	Object	风格

getSymmetricPointRelative(centerPoint, point)

计算某个点的对称点坐标

参数

名称	类型	缺省值	说明
`centerPoint`	PointCoord
`point`	PointCoord

返回值

Array

getTypeStyle(shapeType, layerStyle)

从图层样式中获取指定类型的样式

参数

名称	类型	缺省值	说明
`shapeType`	GGShapeType
`layerStyle`	Object

返回值

Style

示例

layerStyle的对象格式如下：
{
    "layerPrior" : false,                      // 公共样式，是否图层样式优先
    "dynamic" : function(layer, frameState){}  // 图层动态样式

    "pointLineWidth": 2,                       // 点符号线宽
    "pointColor": rgba(0,0,0,255),             // 点符号颜色
    "pointFillColor": rgba(255,0,0,255),       // 点符号填充色
    
    "lineWidth": 1,                            // 线宽
    "lineType": 2,                             // 线类型
    "lineColor": rgba(0,0,0,255),              // 线颜色
    "lineFillColor": rgba(0,0,0,255),          // 线填充色
    
    "surfaceLineWidth": 1,                     // 面的线宽
    "surfaceType": 1,                          // 面型
    "surfaceFillColor": rgba(0,0,0,255),       // 面的填充色
    "surfaceColor": rgba(0,0,0,255),           // 面的边框颜色
    
    "textColor": rgba(0,0,0,255),              // 文本颜色
    "textShadowColor": rgba(0,0,0,255),        // 文本阴影颜色
    "textFontName": "黑体",                    // 中文字体
    "textFontName2": "Aribe"                   // 英文字体
} 或
{
    "color"
    "fillColor"
    "***"
}

getUniqueID()

返回一个唯一字符串

rect2LineRing(x, y, width, height)

以多边形形式返回矩形坐标

参数

名称	类型	缺省值	说明
`x`
`y`
`width`
`height`

releaseCanvas(…canvases)

删除画板

参数

名称	类型	缺省值	说明
`canvases`	Object

simplify(points, tolerance)

polyline简化

参数

名称	类型	缺省值	说明
`points`	Array		polyline坐标
`tolerance`	number		公差

返回值

points

simplifyFile(axfgfile)

对GeoJSON文件进行简化，从而减小从服务器下载时的数据传输量
文件简化后，可使用format_s.js中的format进行解析

参数

名称	类型	缺省值	说明
`axfgfile`	Object