MagicMirror Forum

    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Unsolved
    • Solved
    • MagicMirror² Repository
    • Documentation
    • Donate
    • Discord

    UNSOLVED Is there a way or a module that will display an svg graphic?

    Feature Requests
    4
    4
    147
    Loading More Posts
    • Oldest to Newest
    • Newest to Oldest
    • Most Votes
    Reply
    • Reply as topic
    Log in to reply
    This topic has been deleted. Only users with topic management privileges can see it.
    • V
      vvrangler last edited by

      Hello,

      I have a webcam url that returns an SVG graphic that I would like to display on my MagicMirror2, anyone know of a way or module to do this?

      Thanks!

      Rick

      bhepler M wishmaster270 3 Replies Last reply Reply Quote 0
      • bhepler
        bhepler Project Sponsor @vvrangler last edited by

        @vvrangler - if it helps, I use SVG graphics in the MMM-WeasleyClock module. And I know I borrowed some of the SVG code from the included Clock module.

        1 Reply Last reply Reply Quote 0
        • M
          MMRIZE @vvrangler last edited by

          @vvrangler
          Not related to the topic, sorry. BTW, could a Webcam produce SVG as its video? I think it would be a regular video (mp4 or something else), but the video might be wrapped in <foreignObject> or something equivalent element; In that case, what you really need is not implementing SVG itself, but implementing that video directly.

          1 Reply Last reply Reply Quote 0
          • wishmaster270
            wishmaster270 Module Developer @vvrangler last edited by

            @vvrangler
            Hi,

            you could use my MMM-EmbedURL module for this purpose.
            Simply set the embedElementType to img like in the following example:

            		{
            			module: "MMM-EmbedURL",
            			position: "top_center",
            			header: "Embed-URL",
            			config: {
            				embedElementType: "img",
            				updateInterval: 10,
            				attributes: [
            					"frameborder=0",
            				],
            				embed: [
            					"http://SOME_SERVER/SOME_SVG.svg",
            				]
            			},
            		},
            

            You can change the updateInterval to your needs.

            1 Reply Last reply Reply Quote 0
            • 1 / 1
            • First post
              Last post
            Enjoying MagicMirror? Please consider a donation!
            MagicMirror created by Michael Teeuw.
            Forum managed by Paul-Vincent Roll and Rodrigo Ramírez Norambuena.
            This forum is using NodeBB as its core | Contributors
            Contact | Privacy Policy