Function getChangedImageUrl

src/common/mapping/utils/L7LayerUtil.js:1521–1544

(url, iconStyle)

  }

  async function getChangedImageUrl(url, iconStyle) {
    const img = await loadImage(url);
    const { color, rotate } = iconStyle;
    const canvas = document.createElement('canvas');
    const ctx = canvas.getContext('2d');
    canvas.width = img.width;
    canvas.height = img.height;
    ctx.translate(canvas.width / 2, canvas.height / 2);
    rotate !== 0 && ctx.rotate((rotate * Math.PI) / 180);
    ctx.drawImage(img, -img.width / 2, -img.height / 2);
    if (color) {
      const imageData = ctx.getImageData(0, 0, canvas.width, canvas.height);
      const data = imageData.data;
      const { r, g, b, a } = string2RGBAData(color);
      for (let i = 0; i < data.length; i += 4) {
        data[i] = r;
        data[i + 1] = g;
        data[i + 2] = b;
        data[i + 3] = Math.round(data[i + 3] * a);
      }
      ctx.putImageData(imageData, 0, 0);
    }
    return canvas.toDataURL();
  }

  function loadImage(url) {
    return new Promise((resolve, reject) => {