Pixi.js: iOSでのPi​​xiJSレンダラーDrawingbufferの問題

こんにちは！
デスクトップでうまく動作するPixieコードは、モバイルでは奇妙に動作するようです。
私はpixie.jsの初心者なので、ここで何か間違ったことをしている可能性が非常に高いかもしれません。

モバイルで描画コードを使用すると、キャンバスが奇妙に更新されているように見えます。
ストローク全体を再描画するのではなく、DrawingBufferを維持し、それに新しいスプライトを追加するだけです。

'legacy：'をfalseまたはtrueに設定しても（以下のように）、同じ結果が得られます。

ご覧いただきありがとうございます！

initializePixieCanvas() {
    console.log("init canvas")
    const cArea = this.canvasContainer;
    const width  = 1000;
    const height = 1000;
    this.stage = new PIXI.Container();
    this.renderer = new PIXI.WebGLRenderer(
      width,
      height,
      {
          antialias: false,
          transparent: true,
          resolution: 2,
          clearBeforeRender: false,
          preserveDrawingBuffer: true,
          premultipliedAlpha: false,
          forceFXAA: true,
          legacy: true
      }
    );

    cArea.appendChild(this.renderer.view);

    this.renderer.view.style.position = "absolute";
    this.renderer.view.style.top = "0";
    this.renderer.view.style.left = "0";
    this.renderer.view.style.pointerEvents = "none";
    this.renderer.view.style.zIndex = "99";

    const cnvs = this.renderer.view;
    const scaleForHighResDisplay = true;
    if (scaleForHighResDisplay) {
        cnvs.width = width * 2;
        cnvs.height = height * 2;
        cnvs.style.width = width + 'px';
        cnvs.style.height = height + 'px';
    }

    this.pointer = new PIXI.Sprite(PIXI.Texture.fromCanvas(this.brushElement));
    this.pointer.texture.destroy();
    this.pointer.texture = PIXI.Texture.fromCanvas(this.brushElement);
    this.pointer.anchor.x = 0.5;
    this.pointer.anchor.y = 0.5;

    this.renderer.clear();

    this.stage.addChild(this.pointer);
}