SVG

<?xml version="1.0" encoding="UTF-8"?>
<svg width="512" height="512"
   xmlns="http://www.w3.org/2000/svg"
   xmlns:xlink="http://www.w3.org/1999/xlink">
  <defs>
    <style type="text/css"><![CDATA[
      * { stroke-width:4; fill-opacity:0.6;
          stroke-linecap:round; stroke-linejoin:round; }
      textPath { stroke:#000; fill:#fff; font-weight:bold;
                 font-size:32px;stroke-width:1; fill-opacity:1; }
    ]]></style>
  </defs>
  <image y="5" x="90" height="480" width="360"
         xlink:href="../images/sample_photo.jpg" />
  <rect style="fill:#f99;stroke:#f33;"
        x="85" y="14" width="163" height="143" ry="33"
        transform="matrix(0.89,0.455,-0.455,0.89,0,0)" />
  <circle cx="349" cy="102" r="69" style="fill:#bbf;stroke:#65f;" />
  <path id="path2385" style="fill:none;stroke:#f00;"
        d="M 10,393 C 10,393 78,334 159,320 C 240,306 266,452 266,452" />
  <text><textPath xlink:href="#path2385">パスに沿って文字を描画</textPath></text>
</svg>