Pixi.js: مشكلات Pixi JS Renderer Drawingbuffer على iOS

مرحبا!
يبدو أن رمز Pixie الذي يعمل جيدًا على سطح المكتب يتصرف بشكل غريب على الهاتف المحمول.
أنا مستجد لـ pixie.js ، لذا قد يكون لدي احتمال كبير أن أفعل شيئًا خاطئًا هنا.

عندما أستخدم كود الرسم الخاص بي على الهاتف المحمول ، يبدو أن اللوحة القماشية تتجدد بشكل غريب.
أنا لا أقوم بإعادة رسم السكتة الدماغية بأكملها ولكني أحافظ على DrawingBuffer وأضيف فقط النقوش المتحركة إليه.

لا يهم إذا قمت بتعيين "إرث:" على خطأ أو صحيح (على النحو التالي) - ستعطيني نفس النتيجة.

شكرا لإلقاء نظرة!

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);
}