Method getSVGStyle

src/openlayers/core/StyleUtils.js:1104–1126

* @function StyleUtils.getSVGStyle 获取svg的样式 * @param {Object} styleParams - 样式参数 * @returns {Promise }

(styleParams)

   * @returns {Promise<ol.style.Style>}
   */
  static async getSVGStyle(styleParams) {
    let style, that = this;
    if (!that.svgDiv) {
      that.svgDiv = document.createElement('div');
      document.body.appendChild(that.svgDiv);
    }
    const { url, radius, offsetX, offsetY, fillOpacity, rotation } = styleParams;
    let anchor = this.getIconAnchor(offsetX, offsetY);
    await StyleUtils.getCanvasFromSVG(url, that.svgDiv, function (canvas) {
      style = new Style({
        image: new Icon({
          img: that.setColorToCanvas(canvas, styleParams),
          scale: 2 * radius / canvas.width,
          imgSize: [canvas.width, canvas.height],
          anchor: anchor || [0.5, 0.5],
          opacity: fillOpacity,
          anchorOrigin: 'bottom-right',
          rotation
        })
      });
    });
    return style;
  }

  /**
   * @function StyleUtils.setColorToCanvas 将颜色，透明度等样式设置到canvas上