Keyboard shortcuts

Press ← or → to navigate between chapters

Press S or / to search in the book

Press ? to show this help

Press Esc to hide this help

SVG embedded in HTML

<html>
    <head>
        <title>SVG Embedded in HTML</title>
    </head>
<body>

<h1>SVG Embedded in HTML</h1>

<svg width="400" height="200" xmlns="http://www.w3.org/2000/svg">
  <rect width="100%" height="100%" fill="red" />
  <circle cx="200" cy="120" r="40" fill="rgb(0, 255, 0)" />
  <text x="200" y="50" font-size="30"
     text-anchor="middle" fill="blue">SVG Embedded in HTML</text>
</svg>

</body>
</html>

The above HTML file will render to this:

SVG rendered