qr-pure - v2.1.0
    Preparing search index...

    Class SVGRenderer

    Renderizador de códigos QR como SVG.

    Convierte una matriz QR en markup SVG. Ideal para renderizado server-side, escalado sin pérdida de calidad, y manipulación CSS/JavaScript.

    const qr = new QRCode('Hello');
    const result = qr.generate();

    const svg = SVGRenderer.render(result.matrix, {
    scale: 10,
    darkColor: '#1a1a1a'
    });

    document.body.innerHTML = svg;
    Index

    Constructors

    Methods

    • Crea un elemento SVG DOM a partir de la matriz.

      Parameters

      Returns SVGSVGElement

      Elemento SVGSVGElement

      Útil cuando se necesita manipular el SVG como DOM en lugar de insertarlo como HTML string.

      const svgElement = SVGRenderer.createSVGElement(matrix);
      document.body.appendChild(svgElement);

      // Manipular después
      svgElement.querySelector('rect')?.setAttribute('fill', 'blue');
    • Descarga el QR como archivo SVG.

      Parameters

      • matrix: QRMatrix

        Matriz del código QR

      • filename: string = "qrcode"

        Nombre del archivo (sin extensión)

      • options: SVGRenderOptions = {}

        Opciones de renderizado

      Returns void

      Crea y dispara automáticamente la descarga del código QR como archivo SVG.

      SVGRenderer.download(matrix, 'my-qr-code', { scale: 20 });
      // Descarga "my-qr-code.svg"
    • Renderiza una matriz QR como cadena SVG.

      Parameters

      Returns string

      Cadena con el markup SVG completo

      const svg = SVGRenderer.render(matrix, {
      scale: 5,
      margin: 2,
      darkColor: '#000080'
      });
    • Genera el SVG como Blob.

      Parameters

      Returns Blob

      Blob con el contenido SVG

      Útil para crear URLs de objeto o para subir el SVG a un servidor.

      const blob = SVGRenderer.toBlob(matrix);
      const url = URL.createObjectURL(blob);
    • Genera un Data URL del SVG.

      Parameters

      Returns string

      Data URL en formato SVG

      Convierte el SVG a un Data URL que puede usarse como src de una imagen. El SVG se codifica en Base64.

      const dataUrl = SVGRenderer.toDataURL(matrix);
      const img = document.createElement('img');
      img.src = dataUrl;