Function createShapeWithColor

src/imageUtils.js:68–98

(
  xy,
  xyRegion,
  color1,
  color2,
  isHorizontalGradient,
)

};

const createShapeWithColor = async (
  xy,
  xyRegion,
  color1,
  color2,
  isHorizontalGradient,
) => {
  // Move coordinates to origin and generate svg slice string
  const width = xyRegion.right - xyRegion.left + 1;
  const height = xyRegion.bottom - xyRegion.top + 1;

  const sliceString = xy.reduce((acc, vertex) => `${acc} ${vertex[0] - xyRegion.left},${vertex[1] - xyRegion.top}`, '');

  const sliceShape = sharp(Buffer.from(`<svg width="${width}" height="${height}">
        <linearGradient
          id="grad1"
          x1="0%"
          y1="0%"
          x2="${isHorizontalGradient ? 100 : 0}%"
          y2="${isHorizontalGradient ? 0 : 100}%">
          <stop offset="0%"  stop-color="rgba(${color1[0]},${color1[1]},${color1[2]},${color1[3]})" />
          <stop offset="100%" stop-color="rgba(${color2[0]},${color2[1]},${color2[2]},${color2[3]})" />
        </linearGradient>
        <polygon fill="url(#grad1)" points="${sliceString}"/>
        </svg>`));
  return {
    pixels: await sliceShape.raw().toBuffer(),
    width,
    height,
  };
};

module.exports = {
  saveImage,