Dots style 'dots' problem with type canvas or image download

[stuk4]

Dots style 'Dots' creates horizontal smears on the upper part of the QR image, in the preview and also the downloaded image if the data length is long.

the same issue that original repo:
kozakdenys#177

[sirwesley]

I have the same issue for all styles except the 'square' only on PC. on my IOS device all looks good.
Wonder if this is a Browser issue? I'm using Chrome on Windows.

[amaneku-ueshima]

I don't know why this issue is fixed, but the following code fixes it.

/src/figures/dot/canvas/QRDot.ts
Add context.moveTo(0, 0); to line 66

  _basicDot(args: BasicFigureDrawArgsCanvas): void {
    const { size, context } = args;

    this._rotateFigure({
      ...args,
      draw: () => {
        context.moveTo(0, 0);
        context.arc(0, 0, size / 2, 0, Math.PI * 2);
      }
    });
  }

[felipebel25]

That's work for me

I don't know why this issue is fixed, but the following code fixes it.

/src/figures/dot/canvas/QRDot.ts Add context.moveTo(0, 0); to line 66

  _basicDot(args: BasicFigureDrawArgsCanvas): void {
    const { size, context } = args;

    this._rotateFigure({
      ...args,
      draw: () => {
        context.moveTo(0, 0);
        context.arc(0, 0, size / 2, 0, Math.PI * 2);
      }
    });
  }

That's work for me! :)

[felipebel25]

Hellou, i resolved this problem.
This is my library based in qr-code-styling, i fixed this issue and i added more styles to cornerDots and CornerSquares.
https://www.npmjs.com/package/felipe-qr-code-styling

[KilianB]

@felipebel25 would you mind opening a pull request? Then I can also fix it in this fork

[YO-SC]

@felipebel25 would you mind opening a pull request? Then @KilianB can also fix it in this fork 🙏🏼