tav-ui/lib/packages/components/qr-code/src/drawLogo2.js

Tav UI

'use strict';

Object.defineProperty(exports, '__esModule', { value: true });

var is = require('../../../utils/is2.js');

const drawLogo = ({ canvas, logo }) => {
  if (!logo) {
    return new Promise((resolve) => {
      resolve(canvas.toDataURL());
    });
  }
  const canvasWidth = canvas.width;
  const {
    logoSize = 0.15,
    bgColor = "#ffffff",
    borderSize = 0.05,
    crossOrigin,
    borderRadius = 8,
    logoRadius = 0
  } = logo;
  const logoSrc = is.isString(logo) ? logo : logo.src;
  const logoWidth = canvasWidth * logoSize;
  const logoXY = canvasWidth * (1 - logoSize) / 2;
  const logoBgWidth = canvasWidth * (logoSize + borderSize);
  const logoBgXY = canvasWidth * (1 - logoSize - borderSize) / 2;
  const ctx = canvas.getContext("2d");
  if (!ctx)
    return;
  canvasRoundRect(ctx)(logoBgXY, logoBgXY, logoBgWidth, logoBgWidth, borderRadius);
  ctx.fillStyle = bgColor;
  ctx.fill();
  const image = new Image();
  if (crossOrigin || logoRadius) {
    image.setAttribute("crossOrigin", crossOrigin || "anonymous");
  }
  image.src = logoSrc;
  const drawLogoWithImage = (image2) => {
    ctx.drawImage(image2, logoXY, logoXY, logoWidth, logoWidth);
  };
  const drawLogoWithCanvas = (image2) => {
    const canvasImage = document.createElement("canvas");
    canvasImage.width = logoXY + logoWidth;
    canvasImage.height = logoXY + logoWidth;
    const imageCanvas = canvasImage.getContext("2d");
    if (!imageCanvas || !ctx)
      return;
    imageCanvas.drawImage(image2, logoXY, logoXY, logoWidth, logoWidth);
    canvasRoundRect(ctx)(logoXY, logoXY, logoWidth, logoWidth, logoRadius);
    if (!ctx)
      return;
    const fillStyle = ctx.createPattern(canvasImage, "no-repeat");
    if (fillStyle) {
      ctx.fillStyle = fillStyle;
      ctx.fill();
    }
  };
  return new Promise((resolve) => {
    image.onload = () => {
      logoRadius ? drawLogoWithCanvas(image) : drawLogoWithImage(image);
      resolve(canvas.toDataURL());
    };
  });
};
function canvasRoundRect(ctx) {
  return (x, y, w, h, r) => {
    const minSize = Math.min(w, h);
    if (r > minSize / 2) {
      r = minSize / 2;
    }
    ctx.beginPath();
    ctx.moveTo(x + r, y);
    ctx.arcTo(x + w, y, x + w, y + h, r);
    ctx.arcTo(x + w, y + h, x, y + h, r);
    ctx.arcTo(x, y + h, x, y, r);
    ctx.arcTo(x, y, x + w, y, r);
    ctx.closePath();
    return ctx;
  };
}

exports.drawLogo = drawLogo;
//# sourceMappingURL=drawLogo2.js.map