Как добавить собственный стиль CSS в слой Konva в Vue.js?

Question

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

   <div class="container">
          <v-stage :config="stageConfig" >
            <v-layer>
              <v-image :config="imageConfig1"/>
              <v-circle :config="{radius:13,fill:'red',x:20,y:29}"/>
              <v-text :config="{text:'5G Camera', x:42, y:15, fontSize:35, fontStyle: 'bold', fill:'white', stroke:'black',strokeWidth:'2', shadowEnabled:'true'}"/>
            </v-layer>
          </v-stage>
    </div>

Answer 1

Вы не можете использовать CSS для стилизации форм Konva. CSS предназначен для элементов DOM, узлы Konva не являются элементами DOM.

Если вы хотите стилизовать фигуры, вам нужно напрямую установить свойства. Такие как fill.

Если вы хотите анимировать форму, вы можете использовать некоторые методы Konva, такие как Konva.Tween, node.to() метод или Konva.Animation.

Загляните в демо Konva.Animation + Vue