Блог

Я могу отлично рисовать фигуры на холсте. Но мой вариант использования заключается в том, что в моем интерфейсном интерфейсе есть нижняя навигация. Значит, я должен показать пример

• tab1 -> прямоугольник, строка
• tab2-> строка
• tab3-> rect

• поэтому, если я переключусь на tab2, я покажу, что были нарисованы только связанные с tab2 фигуры.
• Если я переключусь на tab3, я должен показать, что были нарисованы только связанные с tab3 фигуры. и т.д.

То, что я сделал, было ,

   var objects = this.getCanvasObjects();
          var clonedObjs = Array.from(objects);

   
 

вышеупомянутые «объекты» содержали все фигуры tab1, tab2 и т. Д

  this.removeAllCanvasObjects(); 
 

Поскольку я скопировал целые объекты canvasobjects в clonedObjs, я удаляю все объекты.

// Я поставил некоторые пользовательские tabId перед рисованием фигуры

   clonedObjs.foreach((value,index)=>{
    if(value["tabId"]==currId){
               // i will draw what ever the shape it may be .
                   drawRect;
           }
   })
 

но при вышеуказанном подходе фоновый объект canvas удаляется, поскольку я удаляю все объекты canvas перед тем, как приступить к рисованию.

Но как я могу повторно использовать объекты canvas, переключаясь между вкладками. Любые ответы приветствуются.