MagicMirror Forum
    • Recent
    • Tags
    • Unsolved
    • Solved
    • MagicMirror² Repository
    • Documentation
    • 3rd-Party-Modules
    • Donate
    • Discord
    • Register
    • Login
    A New Chapter for MagicMirror: The Community Takes the Lead
    Read the statement by Michael Teeuw here.

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

    Scheduled Pinned Locked Moved Unsolved Feature Requests
    4 Posts 4 Posters 1.0k Views 4 Watching
    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 Offline
      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

      bheplerB M wishmaster270W 3 Replies Last reply Reply Quote 0
      • bheplerB Offline
        bhepler Module Developer @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 Offline
          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
          • wishmaster270W Offline
            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

            Hello! It looks like you're interested in this conversation, but you don't have an account yet.

            Getting fed up of having to scroll through the same posts each visit? When you register for an account, you'll always come back to exactly where you were before, and choose to be notified of new replies (either via email, or push notification). You'll also be able to save bookmarks and upvote posts to show your appreciation to other community members.

            With your input, this post could be even better 💗

            Register Login
            • 1 / 1
            • First post
              Last post
            Enjoying MagicMirror? Please consider a donation!
            MagicMirror created by Michael Teeuw.
            Forum managed by Sam, technical setup by Karsten.
            This forum is using NodeBB as its core | Contributors
            Contact | Privacy Policy