zoukankan      html  css  js  c++  java
  • arcgis jsapi接口入门系列(6):样式

            symbol: function () {
                //线样式
                //样式详情请看官方文档
                let style = {
                    //线颜色,支持多种格式:
                    //CSS color string:例如"dodgerblue";
                    //HEX:例如"#33cc33"
                    //RGBA,最后一个值是透明度,值为1-0:例如[51, 204, 51, 0.3]
                    color: "dodgerblue",
                    //线宽,支持多种格式:
                    //pt,可以写成"4pt"或者4
                    //像素,例如:"2px"
                     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],
                         1
                    }
                };
    
                //一般点样式
                //样式详情请看官方文档
                style = {
                    //点样式,值有:circle=圆,cross=十字,diamond=菱形,square=正方形,x=X
                    style: "circle",
                    //点填充颜色,颜色说明详见线样式
                    color: "blue",
                    //点大小,值类型详见线样式的width
                    size: "8px",
                    //边框线样式,具体同线的样式
                    outline: {
                        color: [255, 255, 0],
                         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",
                    //图片大小
                     "64px",
                    height: "64px",
                    //旋转角度
                    angle: 3,
                    //x和y轴偏移
                    xoffset: "2px",
                    yoffset: "2px",
                };
            },
  • 相关阅读:
    ASP.NET MVC3 系列教程 部署你的WEB应用到IIS 6.0
    ASP.NET MVC3 系列教程 控制器 & 视图
    Windows 8 如何安装到Virtual Box虚拟机上(x86)
    工具脚本(网络编码)
    c库的rand/random随机数产生函数性能差?
    shell脚本模版
    linux的IO调度算法和回写机制
    thrift安装脚本
    通用高效的c++内存池(特定类型)
    [转] NoSQL生态系统
  • 原文地址:https://www.cnblogs.com/cannel/p/11077986.html
Copyright © 2011-2022 走看看