<style> .レクト{fill:none; stroke:silver; stroke-width:1;} </style> <svg width="300" height="100" viewBox="0 0 300 100" xmlns="http://www.w3.org/2000/svg"version="1.1"> <ellipse cx="50"cy="50"rx="20"ry="10"stroke="red"stroke-width="2"fill="none"/> <ellipse cx="100"cy="50"rx="10"ry="20"stroke="red"stroke-width="2"fill="none"/> </svg> <svg width="400" height="400" viewBox="0 0 202 202" xmlns="http://www.w3.org/2000/svg"version="1.1"> <desc>パスデータ A , Q コマンドとパラメーター</desc> <rect class="レクト"x="1"y="1"width="200"height="200"/> <path fill="none"stroke="red"d="M10 30A20 20 0 0 1 50 30A20 20 0 0 1 90 30Q90 60 50 90Q10 60 10 30"/> </svg>