• Recent
  • Tags
  • Unsolved
  • Solved
  • MagicMirror² Repository
  • Documentation
  • 3rd-Party-Modules
  • Donate
  • Discord
  • Register
  • Login
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 478 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 Mar 1, 2023, 12:15 AM

    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

    B M W 3 Replies Last reply Mar 1, 2023, 1:40 AM Reply Quote 0
    • B Offline
      bhepler Module Developer @vvrangler
      last edited by Mar 1, 2023, 1:40 AM

      @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 Mar 1, 2023, 7:34 AM

        @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
        • W Offline
          wishmaster270 Module Developer @vvrangler
          last edited by Mar 1, 2023, 11:49 AM

          @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
          1 / 1
          • First post
            2/4
            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