Rotate SVG Simulation in Node-RED

Поделиться
HTML-код
  • Опубликовано: 26 окт 2024

Комментарии • 13

  • @JuanDavidLeon-y2c
    @JuanDavidLeon-y2c 10 месяцев назад +1

    Excelente mano, los que saben un poco de javascript y css le servirá este aporte

    • @truonghoang2247
      @truonghoang2247 3 месяца назад

      How can I change any image? please guide me

  • @ivaylomanolov1455
    @ivaylomanolov1455 8 месяцев назад

    Good job!

  • @ElectroCoderEC
    @ElectroCoderEC Месяц назад

    how can I start, pause, stop and svg animation with node-red?

  • @truonghoang2247
    @truonghoang2247 3 месяца назад

    How can I change the smartphone image to the tank?

    • @YaserAliHusen
      @YaserAliHusen  3 месяца назад +1

      You can create the SVG image, you can use inkscape or another SVG editor

    • @truonghoang2247
      @truonghoang2247 3 месяца назад

      @@YaserAliHusen
      Can I change the image via html in the edit template node?

    • @YaserAliHusen
      @YaserAliHusen  3 месяца назад +1

      @@truonghoang2247 yes, edit the svg code

    • @truonghoang2247
      @truonghoang2247 3 месяца назад

      @@YaserAliHusen your html code

    • @truonghoang2247
      @truonghoang2247 3 месяца назад

      Rotasi Smartphone SVG













      // Mendapatkan grup gambar smartphone
      var smartphoneGroup = document.getElementById('smartphoneGroup');
      // Menetapkan transformasi rotasi pada elemen grup gambar smartphone
      smartphoneGroup.setAttribute('transform', 'rotate({{msg.payload}})');