HTML Into SVG

<foreignobject x="120" y="120" width="180" height="180">
<body xmlns="http://www.w3.org/1999/xhtml">
  <div>
    <ul>
      <li><strong>First</strong> item</li>

      <li><em>Second</em> item</li>
      <li>Thrid item</li>
    </ul>
  </div>
</body>
</foreignobject>

Optimiser des svg avec Scour

$ scour -i input.svg -o output.svg --enable-viewboxing --enable-id-stripping \
  --enable-comment-stripping --shorten-ids --indent=none

https://github.com/scour-project/scour

Ressources

  • https://deepnest.io/ / https://github.com/Jack000/SVGnest Organise des éléments SVG sur une planche. Destiné en premier lieu à la découpe laser.