arcgis jsapi接口入门系列（6）：样式
2024-09-01 05:06:36
symbol: function () {
//线样式
//样式详情请看官方文档
let style = {
//线颜色，支持多种格式：
//CSS color string：例如"dodgerblue";
//HEX：例如"#33cc33"
//RGBA，最后一个值是透明度，值为1-0：例如[51, 204, 51, 0.3]
color: "dodgerblue",
//线宽，支持多种格式：
//pt，可以写成"4pt"或者4
//像素，例如："2px"
width: 3,
//线样式（线型），有以下值：
//实线=solid，一点点的虚线=short-dot，长条虚线=dash，还有其他样式请看官方文档
style: "solid"
};
//面样式
//样式详情请看官方文档
style = {
//填充颜色，颜色说明详见线样式
color: [50, 205, 50, 0.3],
//填充样式，有以下值：
//一般填充=solid，斜线填充=backward-diagonal，格子填充=cross，横线填充=horizontal，竖线填充=vertical，还有其他样式请看官方文档
style: "solid",
//边框的线样式，线样式说明详见线样式
outline: {
color: [255, 0, 0],
width: 1
}
};
//一般点样式
//样式详情请看官方文档
style = {
//点样式，值有：circle=圆，cross=十字，diamond=菱形，square=正方形，x=X
style: "circle",
//点填充颜色，颜色说明详见线样式
color: "blue",
//点大小，值类型详见线样式的width
size: "8px",
//边框线样式，具体同线的样式
outline: {
color: [255, 255, 0],
width: 3
},
//旋转角度
angle: 3,
//x和y轴偏移
xoffset: "2px",
yoffset: "2px",
};
//文字点样式
//样式详情请看官方文档
style = {
//字体颜色，颜色说明详见线样式
color: "black",
//文字内容
text: "文字demo",
//字体样式
font: {
//字体大小
size: 12,
//字体名称
family: "sans-serif",
},
//背景颜色
backgroundColor: "black",
//边框颜色
borderLineColor: "black",
//边框线宽
borderLineSize: 3,
//旋转角度
angle: 3,
//x和y轴偏移
xoffset: "2px",
yoffset: "2px",
};
//图片点样式
//样式详情请看官方文档
style = {
//图片url
url: "https://static.arcgis.com/images/Symbols/Shapes/BlackStarLargeB.png",
//图片大小
width: "64px",
height: "64px",
//旋转角度
angle: 3,
//x和y轴偏移
xoffset: "2px",
yoffset: "2px",
};
},
最新文章
- U盘启动盘 安装双系统 详细教程
- hdu 3117 Fibonacci Numbers
- wp8.1 全球化解决办法
- c判断括弧是否匹配
- SPOJ 1739 Yet Another Equation（Pell方程）
- 转-SecureCRT设置
- Java ConcurrentHashmap 解析
- 支持https的压力测试工具
- 一个简单的binlog恢复测试
- 【Go命令教程】8. go test
- SpringIDE的安装
- MyEclipse自带且常用的快捷键和自己定义的快捷键方法步骤
- javaweb(十六)——JSP指令
- ashx 下载文件
- 不需要SDK调用图灵机器人的方法
- POJ - 1469 COURSES （匈牙利算法入门题）
- 嵌入式驱动开发之sensor---"VIP0 PortA", "VIP0 PortB", "VIP1 PortA", "VIP1 PortB"，dvo0（vout1） dvo1（vout0）
- jQuery学习笔记（三）
- C++字符串高效查找替换，有空分析分析
- windows动态磁盘导致的分区问题