Как оптимизировать свечение тени на большом количестве объектов - PullRequest
Новая
       125

Как оптимизировать свечение тени на большом количестве объектов

0 голосов
/ 14 июля 2020

Я использую Konva. js для печати большого количества кругов (или любого другого объекта) на большом прямоугольнике. когда я добавляю тень к каждому кругу, холст начинает замедляться и застревает во всем окне.

пример кода для создания круга: 

dot = new Konva.Circle({
            radius: size / 2,
            fill: 'white',
            id: dotData.id,
            perfectDrawEnabled: false,
          })

с тенью (свечением): 

dot = new Konva.Circle({
            radius: size,
            fill: 'white',
            id: dotData.id,
            perfectDrawEnabled: false,
            shadowBlur: 20,
            shadowColor: 'white'
          })

Я уже пытался изменить круг на .png со свечением, но результат был не таким красивым, как размытие тени. на экране отображается около 1000 кругов, которые можно отобразить в один момент (круги меняются со временем, если это важно, объекты надежно искажены и там нет утечки памяти)

любое предложение?

...