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",
                };
            },
  • 相关阅读:
    HTML撑起浮动子元素得父元素高度
    H5弃用标签和属性
    HTML常用转义字符
    php微信公众号开发入门
    常见正则表达式总结
    解决上下两个相邻图片之间存在默认间距的问题
    移动端真机调试的两种方法
    H5使用小结
    CF 11D
    Codeforces Round #639 (Div. 2) C Hilbert's Hotel (数学)
  • 原文地址:https://www.cnblogs.com/cannel/p/11077986.html
Copyright © 2011-2022 走看看