<svg width="100%">
  <defs>
    <pattern id="stripe" patternUnits="userPsaceOnUse"
    x="0" y="0" width="6" height="6"         
             >
      <path d="M 0 0 6 0" style="stroke: black; fill: none;"></path>
    </pattern>
    <pattern id="polkadot" patternUnits="userPsaceOnUse" x="0" y="0" width="36" height="36" >
      <circle cx="12" cy="12" r="12" style="fill:url(#stripe); stroke: black;" />
    </pattern>
  </defs>
  <rect x="36" y="36" width="100" height="100" style="fill: url(#polkadot); stroke: black"></rect>
</svg>