Skip welcome & menu and move to editor
Welcome to JS Bin
Load cached copy from
 
<!DOCTYPE html>
<html>
<head>
  <meta name="description" content="wargh..." />
  <meta charset=utf-8 />
  <title>wargh...</title>
</head>
<body>
  <p><input value="before"></p>
  <div>
    <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 200 200" width="400">
      <defs>
        <g id="shape-with-focus" onfocus="">
          <rect x="50" y="0" width="50" height="50" />
          <circle cx="100" cy="0" r="50" />
        </g>
      </defs>
      <use xlink:href="#shape-with-focus" x="-50" y="100" fill="green" />
    </svg>
  </div>
<p><input value="after"></p>
  
</body>
</html>
Output

You can jump to the latest bin by adding /latest to your URL

Dismiss x
public
Bin info
anonymouspro
0viewers