Pixi.js: पिक्सी जेएस रेंडरर ड्रॉइंगबफ़र आईओएस पर जारी करता है

नमस्ते!
पिक्सी कोड जो डेस्कटॉप पर अच्छी तरह चलता है, मोबाइल पर अजीब व्यवहार करता है।
मैं Pixie.js के लिए एक noob हूं इसलिए मैं यहां बहुत अधिक संभावना के साथ कुछ गलत कर सकता हूं।

जब मैं मोबाइल पर अपने ड्राइंग कोड का उपयोग करता हूं, तो ऐसा प्रतीत होता है कि कैनवास अजीब तरह से ताज़ा करता है।
मैं पूरे स्ट्रोक को कम नहीं कर रहा हूं, लेकिन ड्रॉइंगबफर को बनाए रख रहा हूं और सिर्फ नए स्प्राइट को जोड़ रहा हूं।

इससे कोई फर्क नहीं पड़ता कि मैं 'विरासत:' को गलत या सही (नीचे के रूप में) निर्धारित करता हूं - यह मुझे वही परिणाम देगा।

निगाह डालने के लिए धन्यवाद!

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