Pixi.js: iOS의 Pixi JS 렌더러 드로잉 버퍼 문제

안녕!
데스크톱에서 잘 실행되는 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);
}