e;
  }

  rect.masked {
    width: 115px;
    height: 115px;
    fill: purple;
    mask-image: url(support/50x50-opaque-blue.svg);
    mask-position: left top;
  }

  #no-repeat {
    mask-repeat: no-repeat no-repeat;
  }
  #repeat {
    mask-repeat: repeat repeat;
  }
  #repeat-x {
    mask-repeat: repeat no-repeat;
  }
  #repeat-y {
    mask-repeat: no-repeat repeat;
  }
</style>
<svg height="585">
  <g transform="translate(1 1)">
    <rect class="masked"/>
    <rect class="frame"/>
  </g>
  <g transform=