Class ImagePointGraphic

设置圆点样式

Example

setCirclePointStyle({
             scale: 1, //比例
             radius: 5, //大小
             fill: {
                 color: "rgba(255, 0, 0,1)", // 填充色
             },
             stroke: {
                 color: "rgba(255, 255, 0,1)", // 边框色
                 width: 1, //宽度

             },
         })
Copy

设置填充简单模式样式 ,从图片模式转到普通模式时，需注意等图片加载完成后才可设置

Example

setFillColor("rgba(255, 255, 255,1)")//"#fff"
Copy

设置多边形图片填充模式样式，初始设置时当pattern==null或undefined 且image有值才能生效

Example

setFillImageStyle(imageurl)
Copy

设置多边形图案填充模式样式，pattern与image 二选一，不用的需undefined，同时配置优先pattern

Example

setFillPatternStyle({
             pattern: undefined,图案Enum：mirage2d.DataType.featureStyleType.caps
             // image: undefined,
             patternColor: "rgba(0, 0, 0,1)",//图案颜色
             fill: "rgba(255, 255, 0,1)",//背景色
             width: 2,
             lineDash: null,
             ratio: 1,
             offset: 0,
             scale: 1,
             size: 5,
             spacing: 10,
             angle: 0
             })
Copy

平滑曲线

设置正方形样式

Example

setSquarePointStyle({
       scale: 1, // 比例
       radius: 5, // 大小
       fill: {
           color: "rgba(255, 0, 0,1)", // 填充色
       },
       stroke: {
           color: "rgba(255, 255, 0,1)", // 边框色
           width: 1, //宽度

       },
    })
Copy

设置五角星点样式

Example

setStarPointStyle({
             scale: 1, //比例
             radius: 5, //大小
             fill: {
                 color: "rgba(255, 0, 0,1)", // 填充色
             },
             stroke: {
                 color: "rgba(255, 255, 0,1)", // 边框色
                 width: 1, //宽度

             },
    })
Copy

设置边框图案填充模式样式，pattern与image 二选一，不用的需undefined，同时配置优先pattern

Example

setStrokePatternStyle({
         pattern: undefined,图案Enum：mirage2d.DataType.featureStyleType.caps
         // image: undefined,
         color: "rgba(255, 255, 0,1)",//背景色
         width: 2,
         lineDash: null,
         ratio: 1,
         patternColor: "rgba(0, 0, 0,1)",//图案颜色
         offset: 0,
         scale: 1,
         size: 5,
         spacing: 10,
         angle: 0
 })
Copy

设置边框简单模式样式

Example

setStrokeSimpleStyle({
     color: "rgba(255, 255, 255,1)", //"#fff",
     width: 2, //2,
     lineDash：[10,10] 或null
     })
Copy

设置图形文字样式

Example

setTextStyle({
         font: "14px Microsoft YaHei",
         text: "示例",
         fill: {
             color: "#8B4513", //"rgba(255, 255, 255, 1)",
         },
         stroke: {
             color: "rgba(255, 255, 255,1)", //"#fff",
             width: 2, //2,
         },
         backgroundFill: {
             color: "rgba(255, 255, 255, 0.0)", //"rgba(255, 255, 255, 1)",
         },
         backgroundStroke: {
             color: "rgba(0, 0, 0, 0.0)", //"#fff",
             width: 2,
         },
         padding: [3, 3, 3, 3],
         offsetX: 0,
         offsetY: -10,
         textBaseline: "bottom",
 })
Copy

设置三角点样式

Example

setTrianglePointStyle({
             scale: 1, //比例
             radius: 5, //大小
             fill: {
                 color: "rgba(255, 0, 0,1)", // 填充色
             },
             stroke: {
                 color: "rgba(255, 255, 0,1)", // 边框色
                 width: 1, //宽度

             },
    })
Copy

平滑方法