Class: PictureFillSymbol

PictureFillSymbol

new PictureFillSymbol(options)

base/symbol/PictureFillSymbol.js, line 7

支持如下方法：
[1、将JSON格式的符号转换为JS对象]
[2、将JS对象转换为JSON格式]
[3、克隆并返回新的符号对象]

图片填充符号

Name Type Description
options options

构造参数

Name Type Default Description
color Color | String | Array | Object new Color(255, 255, 255, 1) 可选

颜色
url String | Object 可选

图片源数据，支持Image、HTMLCanvasElement、SVGElement、Svg字符串、基础图像地址、相对路径等
width Number 12 可选

简单填充符号宽度，默认为12，单位像素。SceneView(cesium)上不支持此属性, MapView（mapboxgl）设置width或height的最大值才能生效
height Number 12 可选

简单填充符号高度，默认为12，单位像素。SceneView(cesium)上不支持此属性，MapView（mapboxgl）设置width或height的最大值才能生效
xoffset Number 0 可选

x方向偏移，默认为0，单位像素。MapView（mapboxgl）、SceneView(cesium)上不支持此属性
yoffset Number 0 可选

y方向偏移，默认为0，单位像素。MapView（mapboxgl）、SceneView(cesium)上不支持此属性
xscale Number 1 可选

x方向拉伸。MapView（mapboxgl）上不支持此属性, MapView（mapboxgl）设置xscale或yscale的最大值才能生效
yscale Number 1 可选

y方向拉伸。MapView（mapboxgl）上不支持此属性, MapView（mapboxgl）设置xscale或yscale的最大值才能生效
Example

创建图片填充符号对象

// ES5引入方式
const { PictureFillSymbol } = zondy.symbol
// ES6引入方式
import { PictureFillSymbol } from "@mapgis/webclient-common"
const pictureFillSymbol = new PictureFillSymbol({
  // 图片请求地址
  url: '图片请求地址',
  // 简单填充符号宽度，默认为12，单位像素
  width: 12,
  // 简单填充符号高度，默认为12，单位像素
  height: 12,
  // x方向偏移，默认为0，单位像素
  xoffset: 0,
  // y方向偏移，默认为0，单位像素
  yoffset: 0,
  // x方向拉伸，取值在0-1之间
  xscale: 1,
  // y方向拉伸，取值在0-1之间
  yscale: 1
});

Extends

Members

colorColor

颜色(重新修改默认值)

extensionOptionsObject

符号的额外构造参数，该构造参数是地图引擎的额外构造参数，在此设置了之后，会覆盖该符号转换好地图引擎的构造参数

Default Value:
{}

heightNumber

简单填充符号高度，默认为12，单位像素

idString

符号id

outlineSimpleLineSymbol

外边线样式类型

typeString

符号类型

urlString Object

图片源数据，支持Image、HTMLCanvasElement、SVGElement、Svg字符串、基础图像地址、相对路径等

widthNumber

简单填充符号宽度，默认为12，单位像素

xoffsetNumber

x方向偏移，默认为0，单位像素

xscaleNumber

x方向拉伸

yoffsetNumber

y方向偏移，默认为0，单位像素

yscaleString

y方向拉伸

Methods

PictureFillSymbol.fromJSON(json)

base/symbol/PictureFillSymbol.js, line 112
将JSON格式的符号转换为JS对象
Name Type Description
json Object

符号的实例化对象

clone(){PictureFillSymbol}

base/symbol/PictureFillSymbol.js, line 140
克隆并返回新的符号对象
Returns:
Type Description
PictureFillSymbol 克隆后的新符号对象

toJSON(){Object}

base/symbol/PictureFillSymbol.js, line 122
将JS对象转换为JSON格式
Returns:
Type Description
Object 符号的实例化JSON