trying to wrap it in svg ForeignObject to make it usable in github readme

[sloev]

svg can have html inside:

<svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
  <style>
    div {
      color: white;
      font: 18px serif;
      height: 100%;
      overflow: auto;
    }
  </style>
 
  <polygon points="5,5 195,10 185,185 10,195" />
  <foreignObject x="20" y="20" width="160" height="160">
    <div xmlns="http://www.w3.org/1999/xhtml">
     <h1>hello world</h1>
    </div>
  </foreignObject>
</svg>

i am trying to hack this foregin object into a bidirectional communication object within an svg but my skills are not mad enough i will keep this thread updated with my endeavours!

lets get this done!

[sloev]

maybe i can embed iframe instead

https://stackoverflow.com/a/52731071/5324953