<!DOCTYPE HTML>
<svg width="200px" height="200px">
  <path fill-opacity="0" d="M 0 0 Z"></path>
  <image x="0" y="0" width="100" height="100" xlink:href="data:image/gif;base64,R0lGODdhAgACAIABAAAAAP///ywAAAAAAgACAAACA0QCBQA7"></image>
  <path fill-opacity="0.2" d="M 0 0 Z"></path>
  <image x="100" y="0" width="100" height="100" xlink:href="data:image/gif;base64,R0lGODdhAgACAIABAAAAAP///ywAAAAAAgACAAACA0QCBQA7"></image>
  <path stroke-opacity="0" d="M 0 0 Z"></path>
  <image x="0" y="100" width="100" height="100" xlink:href="data:image/gif;base64,R0lGODdhAgACAIABAAAAAP///ywAAAAAAgACAAACA0QCBQA7"></image>
  <path stroke-opacity="0.2" d="M 0 0 Z"></path>
  <image x="100" y="100" width="100" height="100" xlink:href="data:image/gif;base64,R0lGODdhAgACAIABAAAAAP///ywAAAAAAgACAAACA0QCBQA7"></image>
</svg>